search

microsoft / rushstack-websites

Doc content for the Rush Stack websites.
Creative Commons Attribution 4.0 International
24 stars 72 forks source link

[TSDoc> Search]: Search dialog rectangular boundary is not visible in high contrast of aquatic/desert theme. #154

Open vaishali1397 opened 1 year ago

vaishali1397 commented 1 year ago

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