[Resolved] Accesibility and SVG Icons

[Thomas]

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! 🙂

[David]

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.

[Thomas]

Perfect, didn’t even think of that! Thankws David!

[David]

You’re welcome

[Author]

Posts