Step Two:
Best practice is to validate your HTML and CSS code to be sure that
it is error-free and complies with
W3C
standards. It
is important to use the HTML validator to create
documents that are parsible so
that user agents, including assistive technologies, can accurately
interpret and parse content. Some
tools that can help:
W3C HTML Validator -
Checks HTML documents for
conformance to W3C HTML recommendations and other W3C standards.
Step Three:
Evaluate the pages in your site with accessibility
tools. Here are some tools that can help:
WAVE - Shows your original page, with icons and indicators revealing accessibility problems and features. It requires a basic understanding of accessibility but it also provides explanations of what things mean and teaches along the way.
Pope Tech is an enterprise-level web accessibility evaluation system powered by the WAVE tool. Pope Tech will crawl websites and report back on accessibility errors and issues.
Editoria11y runs automatically in University of Minnesota Drupal websites and is available to all content editors. It works like spellchecker.
Functional Accessibility Evaluator (FAE) - FAE is provided to the University of Minnesota as part of inCommon suite of applications. When accessing the website for the first time, select University of Minnesota from the drop down list and log in with UMN Internet ID and password. Setting up a scan is done on the "Run FAE" page. Once the scan is run, the report is presented in the Archived reports page.
A graphical user interface (GUI) browser (such as
Firefox, Internet Explorer or Chrome)
- These can be helpful for accessibility evaluation
also. Examine your pages while adjusting the browser
settings.
Turn off images then make sure that the
information is presented in an appropriate sequence
relative to the visual presentation on the GUI
site.
Turn off the sound then make sure audio content
is still available through text equivalents.
Change the font size (larger and smaller) in
the browser, and observe whether the page is still
readable.
Change the display color to black and white (or
print out the page on a black and white printer)
and observe whether color contrast is
adequate.
Put away the mouse and tab through the links
and form controls on a page. Make sure that you
can access all links and form controls, that
links have a visible focus indicator, and that they clearly indicate what they lead to.
Colour Contrast Analyser - The Colour Contrast Analyser (CCA) helps you determine the legibility of text and the contrast of visual elements, such as graphical controls and visual indicators.