a11y.css icon

a11y.css

Extension Actions

CRX ID
iolfinldndiiobhednboghogkiopppid
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

a11y.css provides warnings about possible risks and mistakes that exist in HTML.

Image from store
a11y.css
Description from store

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

Jonathan PANSIOT
handy little tool for wcag audits
Jonathan PANSIOT
handy little tool for wcag audits
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.
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.
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.
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.
Mariia Parfeniuk
Didn't work
Mariia Parfeniuk
Didn't work