Accessibility Improvement: Social Links

The only thing preventing our site from scoring 100 on Accessibility on Google Lighthouse (https://web.dev/ the “Social Bar” with Social Links.

The error category is “Links do not have a discernible name”, which lists the HTML of each of the social links added in the Social Bar.

This Stackoverflow answer ( https://stackoverflow.com/questions/51683761/how-to-fix-lighthouse-links-do-not-have-a-discernible-name ) suggests that the solution is to add an aria-label to the tag, which should be a quick fix.

aria-label="[Social media Type]"
2 Likes

Hi @didrik ! Which website are you talking about?

appivate.com?

Please let me know and we will check with the relevant Wix team on this.

Thanks,
Manu

Hi, thank you for replying. Yes, you got the right website already!

1 Like

Hi! I have the same problem on my sites.
For example https://www.gprealty.co.il/

Same problem here, is anybody going to fix this?

Wix page elements do not appear to provide for an aria-label attribute, just the label attribute, that could be set. This seems an accessibility gap in page performance, especially for elements that have onClick() events and no href tags, so nothing indicates the link function. This thread mentions social media icons as the only instance raising this problem-- how have you and others handled aria labeling for other elements and onClick() events?