social media icons and aria-label

[kappe]

Hi. Is it possible to add the aria-label attribute to the social media icon?

[arminunruh]

do you need to make a website for people with assistive technology, like for example a website for someone who is blind?
or what do you need it for

[kappe]

I know you know how it works :)

[arminunruh]

so there is no way to do that :/
but what do u need it for?
which labels would you like to see there? maybe i can just hard-code them in!

[kappe]

Thanks, Armin. PageSpeed ​​Insight shows a note under the accessibility point. This only affects the social media icons in the footer. And they don't have to be readable. Maybe with aria-hidden="true" (and focusable="false"?). Can the attributes be added to the svg code? The icons are in my media lib. Just a small detail, I know.

[arminunruh]

i can add aria-hidden="true" to the anchor tags that inherit the icon images

maybe that works. you'll need to wait for the next lay theme update release, then that will be included

[kappe]

bist mein held

[kappe]

Thanks Armin. But Pagespeed now says '[aria-hidden="true"] elements contain focusable descendents'. The svg (as a child element?) must also not-focusable with aria-hidden=true > aria-hidden-focus

[arminunruh]

ok the image tag will now also have aria-hidden="true" with the next update ^^