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]: Ensures <img> elements i.e hamburger in the header have alternate text or a role of none or presentation. #144

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/ 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: elements i.e hamburger in the header does not have alternate text or a role of none or presentation defined. Screen reader is announcing as unlabelled graphic.

Expected Result: Ensures elements i.e hamburger in the header have alternate text or a role of none or presentation.

Snippet:

How to fix: Fix any of the following:

  1. Element does not have an alt attribute
  2. aria-label attribute does not exist or is empty
  3. aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  4. Element has no title attribute
  5. Element's default semantics were not overridden with role="none" or role="presentation"

User Impact: Screen reader user will get impacted as user will not be able to know the purpose of the image or get confused the image with informative image.

WCAG Reference Link: https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html

Have feedback to share on Bugs? Please help fill Trusted Tester Bug Feedback (office.com)"

MAS1 1 1 Ensure img element must have role none or presentation

https://github.com/microsoft/rushstack-websites/assets/104483005/75df984d-d64e-47d9-aa07-2ee138cb2204

vagpt commented 2 weeks ago

Same issue is repro on the URL below -

https://tsdoc.org/pages/tags/virtual/ https://tsdoc.org/pages/tags/see/ https://tsdoc.org/pages/contributing/building/ https://tsdoc.org/pages/tags/typeparam/ https://tsdoc.org/pages/tags/alpha/ https://tsdoc.org/pages/tags/defaultvalue/ https://tsdoc.org/pages/intro/using_tsdoc/ https://tsdoc.org/pages/tags/example/ https://tsdoc.org/pages/contributing/pr_checklist/ https://tsdoc.org/pages/tags/returns/ https://tsdoc.org/pages/packages/tsdoc/ https://tsdoc.org/pages/spec/tag_kinds/