Web accessibility is very important - but often overlooked. Now we have had the internet for several decades we know very well how to make…Read more, Why accessibility is important
Accessibility Tip: Examples of accessibility issues
Alt tags are used to add descriptive text to images.
<img src="image.jpg" alt="Photo of blue sky against the sea" />
This is great - until they’re misused.
There are two main ways they are incorrectly used.
The first is when decorative images have an alt of sometyhing like “divider line”. Decorative images should have
alt="" so screen readers will ignore them.
And then you have the times when useless or incorrect values are given, e.g.
<button><img src="something.jpg" alt="Button" /></button>.
When you are navigating the page with a keyboard, it should be immediately obvious what the current focused element is. Try it on this site - hit tab a few times, and you will see an outline of the current selected element - probably a link.
People with sight issues, or almost anyone when using a laptop/phone in bright sunlight can find it very hard to read text if there is not enough colour contrast.
Found this post useful?
Please consider sharing this link with your work colleagues or on social media. There are no ads on my site, I just want to promote accessibility.
Found an issue? please point them out - let me know if there is a mistake and I'll update it
Follow me on Twitter: @A11yForDevs. I post links to interesting a11y articles and resources.
Accessibility is very important. If you make a site or application accessible then it means anyone can use it on any device. An inaccessible…Read more, Guide to web accessibility for newbies!