a11y.css

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

a11y.css Chrome Extension - A Tool for Evaluating HTML Code Quality

a11y.css is a Chrome extension that originally began as a bookmarklet inserting a CSS file into page coding. This file is designed to alert developers of potential risks and errors in the HTML code. By integrating it as an external stylesheet, it can provide a rough estimate of a site's quality. The extension enhances this notion by incorporating additional tools for assessing alt and title attributes on images, outlining focus for keyboard navigation, and indicating used languages based on lang attributes.
Install from Chrome Web Store

Extension stats

Users: 2,000+
Rating: 3.75
(4)
Version: 2.1.0 (Last updated: 2024-12-11)
Creation date: 2019-05-10
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • activeTab
  • tabs
  • storage
  • scripting
Size: 679.94K

Ranking

Other rankings
#159 in Accessibility

Other platforms

Not available on Android
a11y.css accessibility checker (v2.1.0)
5.00 (1) 230
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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

See more

User reviews

handy little tool for wcag audits
by Jonathan PANSIOT, 2022-08-31

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.
by Lukasz Teranet, 2022-05-05

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.
by Paul Stoute, 2021-03-06
View all user reviews

Extension safety

Risk impact

a11y.css requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

a11y.css has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

a11y.css small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to a11y.css: