Accessibility: The state of the menu link is not conveyed to screen readers

wet-boew / cdts-sgdc

Centrally Deployed Templates Solution (CDTS) / Solution de gabarits à déploiement centralisé (SGDC)

https://cenw-wscoe.github.io/sgdc-cdts/

MIT License

19 stars 14 forks source link

Open Yalin2023 opened 5 months ago

Yalin2023 commented 5 months ago

Issue Description: When screen reader users select one of the link on the left menu, the selected state of the link is not conveyed to screen readers. CDTS Section menu sample: https://cdts.service.canada.ca/app/cls/WET/gcweb/v5_0_1/cdts/samples/sectionmenu-en.html#

ahmad-shahid commented 5 months ago

Hello, what is the expected behaviour when you say "selected state of the link is not conveyed"?

Is there a recommended solution?

shawnthompson commented 3 months ago

It should be telling screen reader users that the link is the current page. Shown visually by the colour of the active page.

See aria-current - Accessibility | MDN for more information about how to make this happen.