minima
minima copied to clipboard
jekyll
Improve Accessibility of Social Media Links
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"
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.
This issue has been automatically marked as stale because it has not been commented on for at least two months.
The resources of the Jekyll team are limited, and so we are asking for your help.
If this is a bug and you can still reproduce this error on the master branch, please reply with all of the information you have about it in order to keep the issue open.
If this is a feature request, please consider whether it can be accomplished in another way. If it cannot, please elaborate on why it is core to this project and why you feel more than 80% of users would find this beneficial.
This issue will automatically be closed in two months if no further activity occurs. Thank you for all your contributions.
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.
As @DirtyF suggested. Titles aren't good for this. This info should be in the alt attribute instead of title.
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.