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> Search]: Keyboard focus is not visible on the 'Clear the query' button. #244

Open
vagpt opened this issue Jun 18, 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 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/
Screen Reader: Narrator

Repro Steps:

  1. Open the above URL in edge dev browser and login with v-.
  2. Turn on the narrator through Ctrl+ windows+ Enter key.
  3. Navigate to the 'Search' button and press enter key to activate it.
  4. Type some characters, press tab key, and observe the issue.

Actual Result:
While navigating to 'Clear the query' button using keyboard, Keyboard focus is not visible on the button. When the focus lands on it then only tooltip is getting appears.

Expected Result:
Keyboard focus should be properly visible on the 'Clear the query' button.

User Impact:
It will impact the keyboard user as they will not able to know about the focused control if the keyboard focus is not visible.

WCAG Reference:
https://www.w3.org/WAI/WCAG21/Understanding/focus-visible

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

Keyboard focus is not visible on the clear the query button

Keyboard.focus.is.not.visible.on.the.Clear.the.query.button.mp4
@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 18, 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