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 - Elements Properties] - Heading is not defined for the 'Text Block, Layout and Styles' under elements properties pane. #9038

Open
vagpt opened this issue Oct 6, 2024 · 0 comments
Labels
A11yCT For CT Test Pass A11yRT For RT Test Pass A11ySev3 Accessibility issue with severity 3 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 6, 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)
Screen Reader: Narrator

Repro Steps:

  1. Open the above URL on the Edge Dev browser.
  2. Press tab key and navigate to the Designer tab item and press enter key to select it.
  3. Press tab key navigate to the editor section and select any field.
  4. Press tab key and navigate to the 'Element Property' button and press enter key to activate it.
  5. Navigate the pane using 'H' key and observe the issue.

Actual Result:
Under the 'Elements Properties' pane, no heading is defined for the 'Text Block, Layout and styles'. If a screen reader user navigates using h key in heading mode. then it is not announcing the any information about the heading.

Expected Result:
'Text Block, Layout and styles' should be defined as heading so that when the screen reader user navigate using h key then it should navigate on each label and announced the heading information.

Note:
While in developer mode, Publish Adaptive Card Schema is also not defined as heading.

User Experience:
Screen reader users often rely on heading shortcuts to efficiently navigate a page. Without proper headings, they may struggle to quickly locate and access specific sections of content, making their experience less efficient.

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

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

Screenshots

Heading is not defined for the 'Text Block, Layout and Styles' under elements properties pane

Heading is not defined for the 'Text Block, Layout and Styles' under elements properties pane using tool

Heading.is.not.defined.for.the.Text.Block.Layout.and.Styles.under.elements.properties.pane.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 6, 2024
@vagpt vagpt added the A11yRT For RT Test Pass label Dec 3, 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 A11yRT For RT Test Pass A11ySev3 Accessibility issue with severity 3 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