Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Adaptive Cards-Designer]: Accessible name should be defined in English for Arabic button. #8885

Closed
vagpt opened this issue Apr 19, 2024 · 0 comments · Fixed by #8890
Closed
Labels
A11yPwD-AT A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance AdaptiveCards_Web a11y tag Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization Product-AC

Comments

@vagpt
Copy link
Collaborator

vagpt commented Apr 19, 2024

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test environment:

OS: Win11

OS Version: 24H2 (OS Build 26100.1)

URL:Adaptive Cards

Edge dev Browser version: 125.0.2506.0 (Official build) dev (64-bit)

Screen reader: Narrator.

Repro Steps:

  1. Open URL in the Edge browser & sign in with valid credentials.

  2. It will open the Adaptive cards home page

  3. Press tab key and navigate to the 'New Card' button and press enter key to activate it.

  4. Navigate to 'Arabic' language under Please select your language and observe the issue.

Actual Result:

The Aria label of the button is defined in different languages instead of English language and when focus lands on that control, screen reader is announcing as bullet list button collapsed

Expected Result:

The Aria label of the button should be defined in English language so that screen reader announces the proper information.

User Experience:

The screen reader users will face difficulties if the screen reader does not pronounce the correct language for the buttons.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/language-of-parts

Have feedback to share on Bugs ? please tag bug as “A11yRCA” and add your feedback in the comment section

Screenshots

lanuage.is.not.defined.for.Arabic.lang.mp4

Code-Arabic-Aria label
Accessible name should be defined in English for Arabic button

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

@vagpt vagpt added Bug Area-Renderers Area-Accessibility Bugs around feature accessibility A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance Product-AC HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization A11yPwD-AT labels Apr 19, 2024
@vagpt vagpt added the AdaptiveCards_Web a11y tag label Feb 18, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11yPwD-AT A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance AdaptiveCards_Web a11y tag Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization Product-AC
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant