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- Schema Explorer] : Cards and other tree items are not accessible through the keyboard keys. #9029

Open
vagpt opened this issue Oct 3, 2024 · 0 comments
Labels
A11yCT For CT Test Pass A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D Product-AC

Comments

@vagpt
Copy link
Collaborator

vagpt commented Oct 3, 2024

Target Platforms

Other

SDK Version

1.6

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/
OS Version: Dev (OS Build 27695.1000)
Browser Version: Version 130.0.2849.1 (Official build) dev (64-bit)

Pre-Requisite:
Navigate through keyboard only.

Repro steps:

  1. Open the above URL in the edge dev browser.
  2. Navigate to the 'Schema Explorer' option and press enter key to activate it.
  3. Press tab key and navigate to the Cards tree items and observe the issue.

Actual Result:
While navigating the schema explorer using tab key, Cards and other tree items are not accessible through the keyboard. Also on pressing down arrow keyboard focus is not landing on the items present under it. Also, all tree items are accessible through the tab key,

Expected Result:
Cards and other tree items should be accessible with keyboard and when the focus is on it then on pressing right arrow key tree item should be expanded and on pressing left arrow key it should be collapsed.
Also, on pressing down or up arrow key items present under the tree items should be navigable.

Note:

  1. It should be working same as it is working on the below URL.
    https://www.w3.org/WAI/ARIA/apg/patterns/treeview/examples/treeview-1a/

  2. This issue is repro throughout the left pane.

User Impact:
It will impact the keyboard user if the tree items are not accessible through the keyboard as they will not be able to perform desired action.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/keyboard

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

Screenshots

Cards Tree items are not accessible through the keyboard

Cards.and.other.tree.items.are.not.accessible.through.the.keyboard.mp4

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

@vagpt vagpt added Bug Area-Renderers Area-Accessibility Bugs around feature accessibility A11ySev3 Accessibility issue with severity 3 A11yWCAG Accessibility issue that affects compliance HCL-E+D Product-AC HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization A11yCT For CT Test Pass labels Oct 3, 2024
@vagpt vagpt added A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score and removed A11ySev3 Accessibility issue with severity 3 labels Oct 7, 2024
@vagpt vagpt changed the title [Adaptive Cards- Schema Explorer] : Cards and other tree items are not accessible through the keyboard. [Adaptive Cards- Schema Explorer] : Cards and other tree items are not accessible through the keyboard keys. Oct 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11yCT For CT Test Pass A11ySev2 Accessibility issue with severity 2. This may impact the accessibility score A11yWCAG Accessibility issue that affects compliance Area-Accessibility Bugs around feature accessibility Area-Renderers Bug HCL-AdaptiveCards-Web Used by accessibility team for scorecard categorization HCL-E+D Product-AC
Projects
None yet
Development

No branches or pull requests

1 participant