a11y.css

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

What is a11y.css?

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.

Download

Stats

By: gael.poupard

View on Chrome Web Store

Users: 2,000+

Rating: 3.75 (4)

Version: 2.0.1 (Last updated: 2023-08-23)

Creation date: 2019-05-10

Risk impact: Moderate risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Permissions:

activeTab
tabs
storage
scripting

Size: 610.30K

Email: ga*****@gmail.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 21387 ▼ 201

Other rankings

#121 in Accessibility ▲ 3

Other platforms

Not available on Firefox

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.

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

User reviews

handy little tool for wcag audits

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.

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.

Paul Stoute, 2021-03-06

View all user reviews

Safety

Risk impact

a11y.css may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.