1. Browser Toolbars You Shouldn’t Do Without How the WAT and WDT Can Help You Design Accessible Websites

2. Overview What are the WAT and WDT? Where can you get them? How can they help? How do they work?

3. What Are the WAT and WDT? Both are web browser toolbars designed to make developing websites easier. The Web Accessibility Toolbar (WAT) runs on Internet Explorer and Opera. The Web Developer Toolbar (WDT) runs on Firefox and Chrome.

4. Where Can You Get Them? Web Accessibility Toolbar: www.paciellogroup.com/resources Web Developer Toolbar: chrispederick.com/work/web- developer

5. How Can They Help? They CAN make it easier to evaluate the accessibility of a web page. They CAN’T make subjective judgments.

6. How Do They Work? Let’s look at how each toolbar can help you evaluate the most important accessibility checkpoints.

7. Title and Headers WAT o Doc Info, Page Information o Structure, Headings/Heading Structure WDT o Information, View Page Information o Information, View Document Outline

8. Cascading Style Sheets (CSS) WAT o CSS, Disable CSS o CSS, Disable inline styles WDT o CSS, Disable Styles o CSS, Display CSS By Media Type

9. Skip Nav and Hyperlink Text WAT o Doc Info, List Links WDT o No equivalent feature. Information, View Link Information only displays a list of URLs.

10. Alternative Text WAT o Images, List Images o Images, Show Images WDT o Images, Display Alt Attributes o Images, View Image Information o Images, Replace Images With Alt Attributes

11. Color WAT o Colour, Greyscale o Colour, Juicy Studio Contrast Analyser, Contrast Analyser – all tests WDT o Disable, Disable Page Colors

12. Font Size WAT o IE, Text Size WDT o No equivalent feature

13. Tables WAT o Tables, Table Headers o Tables, Table Cell Order WDT o Information, Display Table Information o Information, Display Element Information

14. Scripts WAT o Doc Info, JavaScript / New Window Links o Doc Info, List Applets / Scripts WDT o Information, View JavaScript

15. Plug-ins and Multimedia WAT o Doc Info, List Downloadable Files o Doc Info, List Multimedia Files WDT o Information, Display Object Information

16. Forms WAT o Structure, Fieldset / Labels WDT o Forms, View Form Information o Forms, Display Form Details

17. Questions?