a11y.css provides warnings about possible risks and mistakes that exist in HTML.
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!
Latest reviews
- (2022-08-31) Jonathan PANSIOT: handy little tool for wcag audits
- (2022-05-05) Lukasz Teranet: Great, except with the extension you have to toggle it a few times depending on what state you last left it in or you won't see anything.
- (2021-03-06) Paul Stoute: This is a great effort and it tackles a good amount of details that are commonly missed but it doesn't (from our testing) account for color contrast issues and other commonly found issues when doing audits.
- (2020-10-06) Mariia Parfeniuk: Didn't work