Web Accessibility at the University of California

Web Developer Tools

• About
• Guiding Principles
• Recommended Standards
• Design Tips
• Technical Topics
• Tools and Testing
• Campus Assistance
• Training for Developers
• Tips for Writers
• Other Resources
• Policy
•  
• Resources Home
• Initiative Home

Web developer tools help developers implement standards, and thus increase the accessibility of sites they develop.

• Firebug (free): This Firefox extension analyzes a page's HTML, CSS, and JavaScript and provides the file name, line number, and a brief explanation for each coding error.
  

• Firefox Web Developer Toolbar (free): This Firefox extension allows developers to test a site by turning off CSS, JavaScript, and pictures, which shows how a screen reader would get through a site. WebAIM has an article on using the Firefox toolbar to check for accessibility.
  

• IE Developer Toolbar (free): This add-on allows developers to test a site in Internet Explorer by disabling various Web page elements to show how a screen reader would get through a site. It's more limited than the Firefox Web Developer Toolbar, but it has a unique feature, "CSS Selector Matches," which produces a report of the number of times each CSS definition is used on a Web page.