Web Developer/Programmer Resources
Coding Techniques and Examples
Web Forms
Here are several trustworthy resources to to help you understand how to build accessible forms:
- W3C's Form Tutorial (most complete resource)
- WebAIM's Creating Accessible Forms
- American Federation for the Blind's Form Recommendations
Tables
The W3C has a great table tutorial with examples ranging from simple to complex.
Page Structure
The W3C has a great page structure tutorial with many examples.
CSS: Using Colors
24 Ways has a great article on color accessibility.
Some major points to consider about color accessibility are:
- Don't ever convey information using color alone (also add text or patterns)
- Be aware of minimum color contrast requirements (red/#FF0000 on white/#FFFFFF is a common pitfall that does not have sufficient contrast)
Hiding Content
WebAIM has a great article on using CSS to hide content accessibly.
JQuery Plugins
Many developers like to use jQuery UI or other plugins in their code, but you should be aware of the accessibility implications associated with jQuery UI. As a web developer, it is your responsibility to check the plugins you use for their compliance with WCAG 2.0 AA standards and search for alternatives if not. AOL has published some accessible alternatives.
ARIA
ARIA is technically part of the HTML markup, but it becomes most relevant when using JavaScript to build advanced plugins and controls.
A great introduction to ARIA is available on SitePoint, while a more in-depth guide is available on the Mozilla Developer Network page on ARIA.