Provide text equivalents for all visual content, including images, graphics, animated graphics, image maps, video clips and audio clips or sounds, and any other non-text elements, including applets, programmatic objects and scripts. This includes:
-Descriptive “alt” or “longdesc” attributes in all HTML image tags and image maps.
-Image maps must include “alt” attributes for all hyperlinks.
-Synchronized captioning for multimedia and video presentations.
-Separate text-only versions when simpler, accessible methods will not work.
-Use HTML tags to organize a hierarchy of page content. For headers use header tags “H1, H2” etc., rather than font size changes, to note sections and subsections of your page.
-Never rely on color as the sole source of information. For example: “Click the red button.”
-Use descriptive, concise hyperlink text. Link text should be meaningful enough to make sense when read out of context. NEVER use “Click Here” as a link.
-Avoid client-side page redirects.
-Provide sufficient contrast between background and text colors, so that the text on the page is legible for users with low vision.
When presenting tabular data, proper HTML markup and practices must be used to associate data cells and header cells. This includes:
-Row and column headers must be identified using the table header tag.
-The table summary attribute should be used to describe the table contents.
-For data tables with two or more logical levels of row or column headers, use HTML markup to describe more complex relationships (i.e. THEAD, TFOOT, and TBODY to group rows, COL and COLGROUP to group columns).
-Never use server-side image maps. They are easily replaced with client-side image maps that can be read by screen readers when appropriate ALT tags are included.
-Clearly identify places where text or text equivalents change to a different language to facilitate pronunciation or interpretation of foreign text. Speech synthesizers and Braille devices can automatically switch to the new language if appropriate HTML markup is used.
Forms must allow people using screen readers to access the information, field elements and functionality required for completion and submission of the form, including all directions and cues. This includes:
-Identifying labels for all form elements using the label tag.
-Grouping related form elements using the fieldset tag.
-Organizing form elements in a logical layout. (Use of the Tab key should allow a clear flow from field to field).
Use cascading style sheets (CSS) to control visual layout and presentation, rather than using tables. Tables should only be used to present tabular data.
Decorative images should be moved into CSS whenever possible.
When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page should provide a link to a plug-in or applet that will function with assistive technology.
When writing ALT attributes, use simple words to describe the function of visual elements rather than describing their appearance.
Use CSS-styled lists for navigation, rather than images.
Provide a way that permits users to skip repetitive navigation links.
Provide sufficient space between links to assist users who have difficulty with fine motor movements.
Avoid using hyper-linked images as the sole source for navigation.
Ensure that moving, blinking, scrolling or automatically-updating objects are presented in an accessible format.
Avoid unnecessary use of frames. If you must use frames, title each frame to facilitate frame identification and navigation.
Consistent page layout, recognizable graphics and easy-to- understand language benefit all users. Use the clearest and simplest language appropriate for a site’s content and audience.
Provide a hyperlink to a text html page or provide an audio description of the important information of any video content.
-WebAIM: Web Accessibility in Mind – Clear, concise how-to information on just about every accessibility topic http://www.webaim.org/articles/
-Web Accessibility Initiative by the W3C (World Wide Web Consortium) – Industry standards for accessibility http://www.w3.org/WAI/
-Section508.gov – The official government site and more than you ever wanted to know.
-WebXACT – A Free Accessibility Checker from Watchfire http://webxact.watchfire.com/