{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/6e6b0fbf02634c708dd3140c17b86442\" frameborder=\"0\" width=\"1670\" height=\"1252\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1252,"width":1670,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1252,"thumbnail_width":1670,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/6e6b0fbf02634c708dd3140c17b86442-2bf37bc5e2a846cc.gif","duration":216.348,"title":"Improving Accessibility of Navigation Menu SVGs for Screen Readers","description":"In this video, I wanted to address an accessibility issue I found with the Navigation Menu, specifically regarding SVGs not being hidden properly for assistive technologies like screen readers. While using VoiceOver on macOS, I noticed that decorative images are still being listed, which violates WCAG 1.1.1 for text alternatives. I suggest adding 'ARIA hidden=true' to the SVGs to resolve this issue, or alternatively, moving the button's name to the SVG itself. Both solutions would improve accessibility, but I lean towards hiding the SVGs completely to avoid redundancy. I appreciate your attention to this matter and look forward to your feedback."}