search

microsoft / AdaptiveCards

A new way for developers to exchange card content in a common and consistent way.
https://adaptivecards.io
MIT License
1.75k stars 550 forks source link

{Linked:Bug11089142} [Adaptive Cards > Designer] - Visual Asterisk is not provided for the Expense purpose multi line edit field and update CC/IO edit field. #8698

Closed vagpt closed 10 months ago

vagpt commented 1 year ago

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment: URL: https://adaptivecards.io/explorer/Action.ToggleVisibility.html OS Version: 23H3(OS Build 25951.1010) Browser Version: Edge Dev 117.0.2033.0 Screen Reader: Narrator

Pre-Requisite:

  1. Run the below attached JSON file under 'Copy Card Payload editor.'

Repro Steps:

  1. Open the above URL on the EDGE Dev browser.
  2. Run the Json file.
  3. Navigate to the Preview mode and press enter key to activate it.
  4. Navigate the screen and observe the issue.

Actual Result: Visual Asterisk is not provided for the Expense purpose multi line edit field and update CC/IO edit field.

Observation: Narrator is announcing as 'Expense Purpose edit Ground Transportation: UBER SAN FRANCISCO | Mon, Jun 19, 2023 required and enter a CC/IO edit 10257098 required 10257098'.

Expected Result: Visual Asterisk should be provided for the Expense purpose multi line edit field and update CC/IO edit field.

User Impact: Cognitive Users are getting impacted as (Asterisk) is not defined for the required fields. If Star (Asterisk) symbol is not provided users may not fill the required edit fields as it is not mandatory.

WCAG Reference:

Understanding Success Criterion 1.3.1: Info and Relationships (w3.org)

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)"

Screenshots

https://github.com/microsoft/AdaptiveCards/assets/95913748/66f0044a-0462-4b1d-9e6b-8c968ff5e848

WCAG1 3 1-Visual Asterisk is not provided for the Expense purpose multi line edit field and update CC IO edit field

Test JSON.docx

Card JSON

Attached in the screenshot section.

Sample Code Language

No response

Sample Code

No response

anna-dingler commented 10 months ago

Hi @vagpt,

The visual asterisk is not present on this card because the Input.Text label property is not being used. If the label property is used instead of a separate TextBlock, the asterisk will appear.

image

Let me know if this doesn't work for you! Anna

vagpt commented 10 months ago

Adding A11yTTValidated tag as per the comment above.