I never claimed to be much of a blogger so, sorry for the lack of updates.
While my updates stopped, my work did not. I have learned a lot this summer when it comes to web accessibility and that is exactly why I choose to do this project. I can say that from what I have seen a11y is a very subjective thing. There are a wide range of disabilities and a wide range of issues that fall under each specific disability. It is nearly impossible to account for every issue that may come up when accessing a website but I think I’ve come to a point where I can simplify things for developers who aren’t concerned with a11y.
- Try to navigate your site using a screen reader. Google has a free screenreader for both firefox and chrome as a plugin.
- Most web a11y issues come from web2.0 elements. Learn to use ARIA to describe what these elements do. (See discussion below)
- Be sure to avoid using images for things that can be presented with css/text
- If you need to use images be sure to describe what the image is or what it is for (use alt tags).
- Check color contrast, there are tons of free tools that will show you how a page looks with different types of color deficits.
- Valid html is the base for a11y
- Try to navigate your site without the mouse- some people have limited motor skills and navigate the www with the tab key. Tabindex=0 will make something tab-able.
- If you have audio or video make sure it is captioned, there are many paid services that do this, but it is very easy if your video or audio has a script. You just need a captioning tool and there are tons of free tools online
- Make sure your website is logical so people understand what to do and how to navigate it
- and lastly add jump links so people with screen readers can skip over repeated content between pages
<div id="slider" data-min="0" data-max="10" data-value="4" />
<div role="slider" aria-valuemin="0" aria-valuemax="10" aria-valuenow="4" />
This allows you to have the same information while maintaining accessibility. I will be suggesting jquery and other libraries use this method to increase accessibility.
I will be continuing on my a11y path of construction to make the www a better place for people with disabilities. All it takes is awareness