Updating the code to be accessible
In this section, we are going to create a widget to substitute the code for the gender field.
Before going with the code, let's see what you should know about accessibility.
A few words about accessibility
Before starting with the code, I just wanted to point out to you some information about accessibility.
You can find the most important guidelines for accessibility at these URLs:
Tip
I found the easiest way to build an accessible web application is by following the hints found at the Google I/O 2011 presentation:
Use clean HTML and use standard tags whenever possible
Manage focus
Add key handlers
Add ARIA for screen readers
Remember also to download and use additional software (such as the ones you can find at: http://www.w3.org/WAI/ER/tools/) to check the code you write for the accessibility.
Tip
These are some tools I suggest you use:
ChromeShades
,Wave Toolbar
, andHTML_CodeSniffer...