Six Steps to an Accessible Website1. Make Your Text Itself Accessible2. Provide Alternative to Images3. Make Text High Contrast and Legible4. Accommodate Screen Readers5. Design for Those Who Aren’t Using a Mouse6. Code Pages According to Standards
1. Create Scanable ChucksSplitting up text into scanable chunks is good for those who mayhave difficulty seeing, as well as those who aren’t very literate,aren’t technologically literate, or don’t speak English well.
SummarizeSummarizing information at the beginning of sections andparagraphs helps everyone – especially those on a screen reader.http://www.ptla.org
Consider Reading LevelRefrain from using high levellegal language on generalpages. Consider adding aglossary, or frequentlyasked questions page.
Translatable ContentConsider providingopportunities for users tochange their language.http://www.lawhelp.org
What Does 508 Compliance Mean?Section 508 of the Rehabilitation Act of 1973 requires that Federalagencies electronic and information technology is accessible topeople with disabilities. Section 508 provides remedies to thoseaggrieved by violations of this requirement, which, afteradministrative remedies are exhausted, allow for both privaterights of action in court and for reasonable attorneys fees.
What Does W3C Compliance Mean?These guidelines, developed by the World Wide WebConsortium, explain how to make Web content accessible topeople with disabilities. The guidelines are intended for all Webcontent developers (page authors and site designers) and fordevelopers of authoring tools.
The Standards (in Simple Terms)The requirements for both W3C and 508 Compliance are similar.Occasionally, one has more strict rules than the other, but theirprimary difference lies in the fact that W3C Compliance is notrequired by any institution, but is rather an optional set of bestpractices for web accessibility.We’ll cover 508 compliance primarily.
Visual Elements• Provide a text alternative forevery non-text element ofyour website.• Videos and animation shouldhave accompanying captionsor auditory descriptions of thevisual track.• All information that isconveyed with color shouldalso be clear without color
Interactive Elements• Label all form controlsproperly, and make theirfunctionality is accessible forthose using assistivetechnologies.• Allow users to skip repetitivenavigation.• If a timed response isrequired, give the usersufficient time to indicatewhen more time is needed.
Technical Elements• Use markup to associate datacells with data headers.• Facilitate frame navigation andidentification with text• Provide alternative links toimage maps.• Sites should not cause thescreen to flicker at a frequencygreater than 2 Hz and lowerthan 55 Hz
Ensure Content Is Always Legible• Your site must be legible when style scripts, applets, or otherprogrammatic objects are turned off or not supported.• Downloads for applicable applets or plug-ins should be provided.
The Catch-AllA text-only page, with equivalent information or functionality,shall be provided to make a web site comply with the provisionsof this part, when compliance cannot be accomplished in anyother way. The content of the text-only page shall be updatedwhenever the primary page changes.
Balance Legal vs. Human RequirementsFor example, should you spend time making complicatednavigation more accessible, or simply offer an alternative page,or a skip navigation link?
What Changes Will You Make?• Text• Images• Video• Icons• Forms• Navigation
Let Everyone Benefit From Your Services• Are color blind• Can’t see well