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

[TSDoc> Playground]: Ensures iframe and frame elements have an accessible name for the frame under playground. #250

Open
vagpt opened this issue Jun 19, 2024 · 0 comments
Labels
A11yRT Bug while accessibility testing core scenarios A11ySev3 Accessibility severity A11yWcag Wcag accessibility violation bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility

Comments

@vagpt
Copy link
Collaborator

vagpt commented Jun 19, 2024

Test Environment:
Version: Version 24H2 (OS Build 26231.5000)
Browser Version: 127.0.2638.2 (Official build) dev (64-bit)
URL: https://tsdoc.org/play/
Tool: Accessibility Insight For Web

Repro Steps:

  1. Open the above URL on the EDGE Dev browser.
  2. Press the tab key and navigate to the 'PlayGround' option and press enter key to activate it.
  3. Run the tool and observe the issue.

Actual Result:
On the playground screen, <iframe> and does not have accessible name.

Expected Result:
Ensures iframe and frame elements have an accessible name for the frame under playground.

Element path:
iframe

Snippet:

<iframe src="https://microsoft.github.io/tsdoc/" style="flex-grow: 1;"></iframe>

How to fix:
Fix any of the following:
Element has no title attribute
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element's default semantics were not overridden with role="none" or role="presentation"

User Impact:
It will impact the screen reader user as they will not able to get to know the name of the frame if the name is not defined for the iframe.

WCAG Reference
https://www.w3.org/WAI/WCAG21/Understanding/name-role-value

Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment.

Ensures iframe and frame elements have an accessible name for the frame under playground page

Ensures iframe and frame elements have an accessible name for the frame under playground

@vagpt vagpt added bug Something isn't working as intended ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility HCL-TSDoc product tag tracking accessibility testing A11yWcag Wcag accessibility violation A11ySev3 Accessibility severity A11yRT Bug while accessibility testing core scenarios labels Jun 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A11yRT Bug while accessibility testing core scenarios A11ySev3 Accessibility severity A11yWcag Wcag accessibility violation bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility
Projects
None yet
Development

No branches or pull requests

1 participant