🧵1 of 7
Happy Global Accessibility Awareness Day!
The top 5 WCAG (Web Content Accessibility Guidelines) failures from this year are actually pretty simple to fix.
I'm going to share these along with some links to help you on your way.
Let's get started.
#GAAD
Happy Global Accessibility Awareness Day!
The top 5 WCAG (Web Content Accessibility Guidelines) failures from this year are actually pretty simple to fix.
I'm going to share these along with some links to help you on your way.
Let's get started.
#GAAD
1. Low contrast text comes up on 83.9% of homepages.
This affects everyone, especially people with low vision. Also, it doesn't make it any easier to read if you have your screen brightness turned down!
nngroup.com/articles/low-c…
w3.org/WAI/WCAG21/Tec…
tpgi.com/color-contrast…
This affects everyone, especially people with low vision. Also, it doesn't make it any easier to read if you have your screen brightness turned down!
nngroup.com/articles/low-c…
w3.org/WAI/WCAG21/Tec…
tpgi.com/color-contrast…
2. Images have missing alt text on 55.4% of homepages.
This affects screen reader users who might be blind, dyslexic or autistic. Or, have low vision or lower comprehension. It's also helpful for people with poor internet.
accessibility.huit.harvard.edu/describe-conte…
accessible-social.com/alternative-te…
This affects screen reader users who might be blind, dyslexic or autistic. Or, have low vision or lower comprehension. It's also helpful for people with poor internet.
accessibility.huit.harvard.edu/describe-conte…
accessible-social.com/alternative-te…
3. There are empty links on 50.1% of homepages.
Check your links work and go where they need to. Write descriptive link text so it's clear where they go. This helps screenreader users who can navigate purely through links. No more "click here"!
usability.yale.edu/web-accessibil…
Check your links work and go where they need to. Write descriptive link text so it's clear where they go. This helps screenreader users who can navigate purely through links. No more "click here"!
usability.yale.edu/web-accessibil…
4. There are missing form input labels on 46.1% of homepages.
Labelling form inputs means screenreader users can fill in forms easier. It helps them understand what they need to do and what information to give.
w3.org/WAI/tutorials/…
formdesignpatterns.com by
@adambsilver
Labelling form inputs means screenreader users can fill in forms easier. It helps them understand what they need to do and what information to give.
w3.org/WAI/tutorials/…
formdesignpatterns.com by
@adambsilver
5. Empty buttons are on 27.2% of homepages.
Empty buttons mean people cannot take the actions they need to take to move on. Similarly to links, button text should also be descriptive, so the user knows what will happen. Don't forget interaction states!
design-system.service.gov.uk/components/but…
Empty buttons mean people cannot take the actions they need to take to move on. Similarly to links, button text should also be descriptive, so the user knows what will happen. Don't forget interaction states!
design-system.service.gov.uk/components/but…
What you can do to avoid and fix these 5 things:
- do regular accessibility audits
- build an accessible design system
- run mandatory accessibility training
- do user testing with diverse users
- run accessibility crits
Let's make the internet a more inclusive place♥️
- do regular accessibility audits
- build an accessible design system
- run mandatory accessibility training
- do user testing with diverse users
- run accessibility crits
Let's make the internet a more inclusive place♥️
Thanks to @webaim for the statistics in this thread. You can read more at webaim.org/projects/milli…
Check out the events on over the next few weeks at the GAAD website accessibility.day
Check out the events on over the next few weeks at the GAAD website accessibility.day
• • •
Missing some Tweet in this thread? You can try to
force a refresh
