Archived topic
Accesibility and SVG Icons
3 replies · Started by Thomas on March 27, 2021
Hey all, sorry to post yet another support topic, but I guess that's the downside to having such great customer service ;).
I just actually have a quick question and i'm hoping one of you can provide your expertise. I was browsing the support forums and saw a topic by another user where they created a social menu via using the SVG icon code from GenerateBlocks. This was great and helped eliminate the need for another plugin. But, my question is, is this a good idea for accessibility? In observation, nothing in the SVG code states what it is, although I could be missing it.
Thank you for your time. Also please please please please please add a tripadvisor icon to generateblocks!!! That's the only one I need without having to get SVG from fontawesome! :)
Hi there,
first off the GB icons are all taken from Font Awesome - heres the Trip Advisor Icon:
https://fontawesome.com/icons/tripadvisor?style=brands
And this doc explains how to extract the SVG HTML:
https://docs.generateblocks.com/article/adding-custom-svg-icons/
If you're using HTML to create the list then you can simply include an aria-label="" attribute on your <a> eg.
<a href="link" aria-label="your_aria_label">
<!-- SVG ICON Here
</a>If you're using GenerateBlocks buttons to output just an icon then you can add an an Aria Label in the Advanced settings.
Perfect, didn't even think of that! Thankws David!
You're welcome
