Designing without Tradeoffs for All Users
Ten check points for accessibility these steps work best on a PC
in Internet Explorer
Download Diamond Demo Tools loads Bookmarklets for: Grayscale
Page, Missing Alts and Kill Style Sheets
Number one: Use of Color
- Check you page with your display color settings to grayscale.
Favorites > Accessibility > Grayscale the Page
Is there adequate color contrast?
Is information or emphasis conveyed using color still available?
For instance, are certain choices made obvious only by the font
color, such as the original price is in blue and all the sale
prices are in red?
- Are there high contrast areas that cause an optical flicker,
like striped backgrounds?
- View your page at VischeckColor assessment/color blindness
Number Two: Use of Images
Number three: Flexible Page Design
Number four: Document Structure vs. Visual
Design (Structure vs. Presentation markup)
Number five: Easy, consistent navigation
- Check your navigation
Are the links easy to find?
Is the navigation consistent; in the same place or grouping?
Are there clear locations for primary navigation (main site
sections), secondary navigation (inside content sections) and
if necessary tertiary navigation (same page anchors, tables
of contents, etc)?
- Add "skip navigation feature" if you have a lot of
navigation that is repeated on every page.
Number six: Use of scripts and forms
- Test keyboard access to form fields or input boxes. Use a separate
submit or go button for ease of use with drop down menus. Make
sure that the label for each field precedes the actual input item.
to the content on your pages. In Internet Explorer Tools>
Internet Options> Security tab>Custome Level - scroll
down to Active Scripting and check Disable and reload the page.
- Consider a phone number or email link as an alternate way for
the disabled to sign up or provide information if you have a complex
or multipart form.
Number seven: Use of Multimedia, animation, Flash, shockwave
- Turn off your sound and view
Can you understand, navigate the content without sound?
- Movies: Turn sound back on and turn off monitor and listen.
Can you understand the movie with only the sound?
- Provide synchronized closed captions for hearing impaired and
text alternate or audio description for visual impaired for all
- Flash material must be created with the latest accessibility
features. At a minimum, the Flash content must not freeze a screen
reader and equivalent text must be provided. Flash sites or Flash
navigation must be accessible or may not be added to PCC web sites.
Number eight: Use of complex window structures
- Dont use Frames or provide a no frames alternate. If frames
are used, make sure each frame is clearly labeled with its purpose.
- Indicate if a link will open in a new window.
- Dont use meta tags that cause a page to refresh or reload
with a new URL.
Number nine: Use of Tables
- Are you using tables for layout or to organize data? For data
tables, did you provide summary, header and row information to
orient visitor in tables.
- If table is for layout only, indicate "layout table"
in table summary. Make sure that the way you have broken up the
content in layout tables reads sensibly when linearized (see
Number ten: Use of Graphs and charts.
- Have you included graphs or charts on your site? Provide summary
information in alt text and include a long description link to
the data represented in the graph or chart.