Improve Accessibility of Social Media Links

[austinseraphin]

The links to external sites such as Twitter require a text label. Currently the links have the local site's title instead of the external site's title. For example, the Twitter link should read "Twitter"

[pathawks]

Maybe “username on social network” ?

[DirtyF]

Correct me if I'm wrong but title attribute isn't necessarily read by screenreaders: https://www.deque.com/blog/text-links-practices-screen-readers/

• Wave a11y report: http://wave.webaim.org/report#/https://jekyll.github.io/minima/
• Lighthouse a11y audit score is 92, the only reported warning is about some light contrast.

[DirtyF]

@austinseraphin aria-label was added in #302

[mgifford]

What is the status of this?

[austinseraphin]

As of version 2.5.1 the links still read as the user ID. They should say the name of the social network instead, i.e. Twitter.

[mgifford]

As @DirtyF suggested. Titles aren't good for this. This info should be in the alt attribute instead of title.

[austinseraphin]

Yes. All meaningful images should have alt tags, and all placeholder images shouldn't Usually Minima does a good job with this. If the social media icons have the wrong alt text then that would cause the screen reader to misread them.