The Firefox web browser supports a number of toolbar add-ons that can be used to check the accessibility of your website. Two of these toolbars are the Web Developer Toolbar and the WAVE toolbar available from WebAIM.

For a long time, the only way to create columns and perform other layout tasks in HTML was through the use of tables. However, a current best practice is to use Cascading Style Sheets (CSS) for layout, and to limit the use of tables to the display of tabular data. The reason for avoiding tables for layout is that the reading order for screen readers and other assistive technology may be different from what is shown on the screen with layout tables. In this tutorial, you will learn how to use browser add-on that will let you check the reading order of your web pages if they still use layout tables.

The Web Developer Toolbar is a free add-on for the Firefox web browser. It can be downloaded from http://addons.mozilla.org. A version of this toolbar is also available for the Chrome web browser from Google. This tutorial will show you how to use the Web Developer Toolbar to check the images on your web pages for appropriate alternative text.

Bookmark and Share