Firefox Accessibility Testing Extensions
The WebAIM list had a recent discussion on how to use Firefox to test for accessibility issues. Patrick Lauke had posted a link to his article on using FireFox and the Web Developer Extension to test for accessibility. If you haven’t used this extension yet, or haven’t taken full advantage of it’s features, this is a must read article.
On top of that, there are several other great extensions out there that can be used as a part of an accessibility testing toolkit. I couldn’t find a thorough list, so thought I’d try and start one here. Here’s the list of extentions I’ve found useful.
As mentioned above, this is the primary tool that any web developer should already have. If you haven’t yet installed this Firefox extension, go do it now. I mean it. Go. GO!
In addition, another simple test using this tool are the variety of built-in links to validators.
Ardvark is an amazing extension that lets you add/delete and highlight almost any object on the page. It’s a great tool for debugging and playing with the actual source code (just as the WebDev toolbar is great for playing with the CSS). It also features a really nice set of usable key commands, making it a breeze to use once you become famliliar with the short cuts.
The table inspector will reveal accessibility features that should be a part of an accessible data table including the summary, headers, axis, scope and abbr attributes.
Document map outlines the structure of your markup in the sidebar. Useful tool for making sure your content is semantic and easily navigable by Headers.
http://ieview.mozdev.org/ (Windows only)
A common mistake I make now that I find Firefox to be my main browser is forgetting to check to check my pages in IE as well. This simple extension does just that, giving you a ‘view in IE’ link. More of a nice reminder than anything.
View Rendered Source
View Formatted Source
Not really an accessibility extension, but useful for seeing a much more nicely formatted source view in Firefox. In addition, you can mouseover elements to see which CSS styles affect it. This can be useful when debugging rendering issues that may affect accessibility on the page.
Accessibility Extensions for Mozilla/Firefox
This extension allows you to provide a variety of accessibility audits on your page. Including lists of links, headers, access keys, etc.
Fangs is an extension that creates a text based representation of how the web page would be read by a modern screen reader. It’s not a replacement for testing with a screen reader, but is a great tool for quick checks.