-
Is there any way to add alt text to icons? Or is there another way I can improve accessibility of icons for screen readers?
-
Hello,
You need to add aria labels for icons to improve accessibility.
-
How do you do that in the case of an icon attached to a heading? Screenshot attached.
-
Hi there,
You can edit the SVG icon HTML directly to add the attribute.
For icons like this, they are typically decorative only, so you can add
aria-hidden="true"to the SVG element. This tells screen readers to ignore the icon, which is the recommended approach for purely decorative graphics. -
Okay thanks Alvind.
-
You’re welcome
Viewing 6 posts - 1 through 6 (of 6 total)
- You must be logged in to reply to this topic.