ARIA role of list social media links

Issue

I’m trying to improve the accessibility of a site, but I don’t know how to label the list of social media links in the footer. These links lead to my accounts on facecook, twitter, etc. I do not want to label these links with role="navigation", because they aren’t used to navigate the site.

This is a fairly common design pattern, but I can’t seem to find an answer to this.

Solution

The role I would apply to the whole footer is ‘contentInfo‘:

Examples of information included in this region of the page are copyrights and links to privacy statements.

User agents SHOULD treat elements with the role of contentinfo as navigational landmarks.

So it is about the (main) content, but not part of it, and treated (potentially) as a type of navigation. The contentInfo footer could also contain other links, which would be fine.

Answered By – AlastairC

Answer Checked By – Pedro (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.