Aquatic Arts - Learn by Example
In order to illustrate the best practices for accessible web page
design, we have created a website that contains both Inaccessible & Accessible
pages. These examples should provide solutions to the most common
accessibility issues currently facing web content managers.
Each page in the Inaccessible website has a "What's Wrong" link
that connects to both the Explanation of the problem & to a corresponding
Accessible version. Similarly, Accessible pages contain a "What's
Correct" link that guides the users to an Explanation of the best
practices employed on the page.
There are three ways by which you can use these examples
- Browse through the Inaccessible or Accessible website and learn as you go.
- See specific examples for specific Section 508 Guidelines
- Go to the explanations page.
Some differences between the good & bad pages may not be visually
noticeable, but these problems nonetheless make navigation difficult
for individuals using assistive technologies such as screen readers
and similar software tools. In order to see and understand the differences
between the good and bad designs, you will need to compare the source
code itself.
A particular Accessibility issue will be explained only in one page to avoid redundancy. You are advised to start with the "Home Page" where most of the fundamental issues are taken care of.