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:Bug11089145} [Adaptive Cards > Designer] - Narrator is not announcing the descriptive information of the 'Line Items' and 'Edit Additional Details' Expand or Collapse buttons. #8699

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:

Narrator is not announcing the descriptive information of the Expand or Collapse buttons.

Narrator is announcing as "Expand items button" and "Button Expanded".

Observation:

Narrator is announcing incorrect state for the edit additional details buttons.

Expected Result: Narrator should announce the descriptive information of the Expand or Collapse buttons.

Narrator should announce as "Expand line items button collapsed" and "Expand Edit Additional Details buttons collapsed".

User Impact: Users who rely on screen readers will be impacted as the Narrator is not announcing the descriptive information of the Expand or Collapse buttons.

WCAG Reference: https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

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

Screenshots

MAS1 3 1-Narrator is not announcing the descriptive information of the 'Line Items' and 'Edit Additional Details' Expand or Collapse buttons

https://github.com/microsoft/AdaptiveCards/assets/95913748/78034694-b9c4-4427-beed-6000e3489ce6

Test JSON.docx

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

anna-dingler commented 10 months ago

Hi @vagpt,

The card author can resolve this issue by updating the altText of the images to be "Expand line items" and "Expand Edit Additional Details".

Let me know if this doesn't work! Anna

vagpt commented 10 months ago

Adding A11yTTValidated comment as per the comment above.