Friday, January 20, 2012

Accessibility Tips from ATAP and WebAIM

image of web accessibility
Link Type Indicators
It is a good idea to inform users when a link goes to non-HTML content (such as a PDF file or Word document). It can be frustrating to activate a link and then realize that the link requires an external program or viewer. An icon (with appropriate alternative text) or text, such as "(PDF)", is sufficient. Because screen reader users commonly navigate by links, it is vital that the link type indicator icon or text be placed within the link, otherwise this information is readily available to sighted users, but not presented in the context of the link for screen reader users.

Accessibility User Testing
Instead of conducting accessibility testing with users with disabilities (asking users to identify accessibility issues), it is almost always more effective to do usability testing (asking users to evaluate overall usability) with users with disabilities. While accessibility testing can be used to identify instances of accessibility – poor alt text here and a missing label there, fixing all significant instances of inaccessibility and non-compliance still might result in a poor experience for users with disabilities. Basic user testing that includes users with disabilities has a focus on the broader user experience with a site, yet still can identify specific accessibility issues. User testing with individuals with disabilities should be part of a broader testing plan that involves compliance checklists, automated tests, manual testing, and assistive technology testing.

Do Not Require Unnecessary Form Data
One of the keys to creating highly accessible forms is to avoid as many errors as possible before the form is submitted. Ensure that forms are as simple and intuitive as possible, and don't require that a field be filled out if the content is not necessary (e.g., a telephone number to subscribe to an email discussion list). Errors can also be prevented by allowing informatoin to be entered in a number of logical formats. For example, allow a telephone number to be formatted: (123)456-7890, 123-456-7890, 123.456.7890, or 1234567890, as long as ten numerals are present. This data can easily be reformatted using scripting or database languages for further usage.

Large Clickable Targets
Some mouse users have may have difficulty with fine motor control, so it is important that clickable targets be sufficiently large. Radio buttons and checkboxes should include properly-associated labels (using the

No comments: