WIP: SVGs in Navigation not hidden from Assistive Technologies | 1.1.1 Non Text Content

Browser: Chrome 110
OS: macOS
URL: https://gehirngerecht.digital/
Video: Improving Accessibility of Navigation Menu SVGs for Screen Readers | Loom

Description: The SVGs used for collapsing and expanding in the navigation are currently not hidden from assistive technologies. As a result, they are being announced to screen reader users (see video for an example ). That is an issue with 1.1.1 Non Text Content.

Expected Behavior: The SVGs should be hidden from assistive technologies by applying aria-hidden="true".

Impact: This issue negatively impacts accessibility, as it creates noise for screen reader users and fails to comply with WCAG 1.1.1. Non Text Content

Suggested Fix: Add aria-hidden="true" to the SVGs to ensure they are not exposed to assistive technologies.

Kind Regards,

Nina

Hi Nina,
Thanks so much for your report!

I can replicate the problem and have added it to the internal bug tracker. We will update this thread as soon as it is fixed.

Best regards,
timmse

1 Like