<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/6e6b0fbf02634c708dd3140c17b86442&quot; frameborder=&quot;0&quot; width=&quot;1670&quot; height=&quot;1252&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1252</height><width>1670</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1252</thumbnail_height><thumbnail_width>1670</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/6e6b0fbf02634c708dd3140c17b86442-2bf37bc5e2a846cc.gif</thumbnail_url><duration>216.348</duration><title>Improving Accessibility of Navigation Menu SVGs for Screen Readers</title><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 &apos;ARIA hidden=true&apos; to the SVGs to resolve this issue, or alternatively, moving the button&apos;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.</description></oembed>