a11y.css accessibility checker by Stephane Deschamps, ffoodd

Experimental

a11y.css provides warnings about possible risks and mistakes that exist in HTML code through a style sheet. This extension also provides several accessibility-related utilities. See <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/222e491a6b430a34455d6c8090901baafb7c04f84b18d79f9750cef8e6e31719/https%3A//github.com/ffoodd/a11y.css-webextension/" rel="nofollow">https://github.com/ffoodd/a11y.css-webextension/</a> for details.

You'll need Firefox to use this extension

Download Firefox and get the extension

Download file

214
Users

2
Reviews

Rated 5 out of 5
5 Stars

About this extension

First a11y.css was a bookmarklet inserting a stylesheet into the page.

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

This extension does the same, plus adds some tools:

Outline focus (keyboard navigation)
Show languages used (relies on lang attributes)
Check alt and title attributes on images

You can submit your bugs on github.

Original bookmarklet code: Gaël Poupard
Extension code: Stéphane Deschamps
Thanks to Anthony Ricaud and Mathieu Pillard for their help!

Rate your experience

Report this add-on

Used by