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]: Search dialog rectangular boundary is not visible in high contrast of aquatic/desert theme. #154

Open
vaishali1397 opened this issue Jun 1, 2023 · 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

@vaishali1397
Copy link

vaishali1397 commented Jun 1, 2023

Test Environment:
OS Version: 22H2 (OS Build 25370.1)
Browser: Edge Dev (Version 115.0.1866.1 (Official build) dev (64-bit))
URL: https://tsdoc.org/

Pre-requisites:
Turn on the high contrast of aquatic/desert theme through Settings> Accessibility> Contrast theme> Aquatic/Desert.

Repro Steps:

  1. Open the above URL in edge dev browser and login with v-.
  2. Navigate to the 'Search' button through tab key and activate it.
  3. Navigate to the search dialog.
  4. Observe the issue.

Actual Result:
In high contrast of aquatic/desert theme, proper search dialog rectangular boundary is not visible

Expected Result:
Search dialog rectangular boundary should be properly visible in high contrast of aquatic/desert theme as they are visible in normal mode.

Notes:

  1. Same issue repro in desert theme of high contrast.
  2. Same issue repro on the Intro page that 'docs sidebar navigation landmark boundary is not visible and this issue is repro throughout.
  3. Scroll bar is not visible which is provided under 'docs sidebar navigation landmark'.
  4. Rectangular boundary around search edit field is not visible in high contrast of aquatic/ desrt theme under search dialog.

User Impact:
Person with visual disability will get impacted as user will not be able to see the content easily and will get confused with the dialog and main section of the page if proper dialog boundary is not visible.

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)"
In high contrast xsearch dialog rectangular boundary is not properly visible
4 Rectangular boundary around sesrch edit field is not properly visible
Scroll bar is not visible in high contrast

@octogonz octogonz added the ms accessibility Issues filed by Microsoft as part of an effort to audit websites and improve their accessibility label Jun 9, 2023
@Raisul123 Raisul123 added bug Something isn't working as intended HCL-TSDoc product tag tracking accessibility testing A11yWcag Wcag accessibility violation A11ySev3 Accessibility severity A11yRT Bug while accessibility testing core scenarios labels Jun 27, 2023
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

3 participants