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]: 'To select', 'To navigate' and 'To close' information under search dialog is not appearing on resizing the page to 400%. #168

Closed vaishali1397 closed 6 months 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: Change the display settings to 1280* 1024. Resize the browser to 400%

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: 'To select', 'To navigate' and 'To close' information under search dialog is not appearing on resizing the page to 400%.

Expected Result: 'To select', 'To navigate' and 'To close' information under search dialog should properly appear to the user on resizing the page to 400%.

Notes:

  1. Same issue repro on resizing the page to 200%.
  2. TSDOC logo link is getting overlaaped with Search button.

User Impact: Person with visual disability will get impacted as user will not get the important information if on resizing the page, provided information on search dialog is not appearing due to which user will have difficulty in interacting with the content.

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)" On 400% To select to naviagte to close text information is not appearing under search dialog

Notes2 TSDOc logo link is getting overlapped with Search button
iclanton commented 6 months ago

I don't repro the overlapping issue.

octogonz commented 6 months ago

Person with visual disability will get impacted as user will not get the important information if on resizing the page, provided information on search dialog is not appearing due to which user will have difficulty in interacting with the content.

This is probably by design. Those hints don't appear in mobile view, which I suspect is what gets triggered at 400%:

image

The function of the arrow keys, ENTER, ESC is well-known and arguably not "important information."

If we absolutely must address this, it might actually be better to eliminate these hints entirely (as they don't very well match the rest of our visual theme) rather than trying to engineer them into the mobile layout.

iclanton commented 6 months ago

Removed this section entirely.