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

{Freeway-Bug}[TSDoc> Search] - Ensures every ARIA button, link and menu item has an accessible name for the hamburger icon #240

Open
vagpt opened this issue Jun 18, 2024 · 0 comments
Labels
A11yRT Bug while accessibility testing core scenarios A11ySev2 Accessibility severity A11yWcag Wcag accessibility violation bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing

Comments

@vagpt
Copy link
Collaborator

vagpt commented Jun 18, 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/
Tool: Accessibility Insights for Web

Repro Steps:

  1. Open the above URL in edge dev browser and login with v-.
  2. Run the fast pass of accessibility insights for web.
  3. Observe the issue.

Actual Result:
Ensures every ARIA button, link and menu item does not have an accessible name for the hamburger icon.

Expected Result:
Ensures every ARIA button, link and menu item should have an accessible name for the hamburger icon.

Element path:
.waffle_FRnN

Snippet:

How to fix:
Fix any of the following:
Element does not have text that is visible to screen readers
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 has no title attribute

User Impact:
It will impact the screen reader user as they will not be able to get to know the name of control also, it will impact the voice access user as they will not be able to access the element using voice command.

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 section.

Ensures every ARIA button, link and menuitem has an accessible name for the Hamburger button

Ensures every ARIA button, link and menuitem has an accessible name for the hamburger icon

@vagpt vagpt added bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing A11yWcag Wcag accessibility violation A11ySev2 Accessibility severity A11yRT Bug while accessibility testing core scenarios labels Jun 18, 2024
@vagpt vagpt changed the title [TSDoc> Search] - Ensures every ARIA button, link and menu item has an accessible name for the hamburger icon {Freeway-Bug}[TSDoc> Search] - Ensures every ARIA button, link and menu item has an accessible name for the hamburger icon Jun 21, 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 A11ySev2 Accessibility severity A11yWcag Wcag accessibility violation bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing
Projects
None yet
Development

No branches or pull requests

1 participant