a11y.css

#3.75 / 4 rate

a11y.css

2,000 users

2019-05-10

gael.poupard

gael.poupard+chrome-we...

Extension Information

5 star
50%
4 star
25%
3 star
0%
2 star
0%
1 star
25%

Supported Languages

Permissions

Description

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!

Reviews

Jonathan PANSIOT
Jonathan PANSIOT

handy little tool for wcag audits

Lukasz Teranet
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
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.

Similar extensions

Alix for Chrome
Alix for Chrome

iaderinokun

WAVE Evaluation Tool
WAVE Evaluation Tool

WebAIM

Color Contrast Analyzer
Color Contrast Analyzer

https://accessibility.oit.ncsu.edu

HeadingsMap
HeadingsMap

Jorge Rumoroso

WCAG Color contrast checker
WCAG Color contrast checker

Jorge Rumoroso

taba11y
taba11y

Peter Gould

A11Y - Color blindness empathy test
A11Y - Color blindness empathy test

Unknown

axe DevTools - Web Accessibility Testing
axe DevTools - Web Accessibility Testing

https://www.deque.com

Tanaguru webext
Tanaguru webext

Tanaguru

Visual ARIA
Visual ARIA

Laurence Lewis

IBM Equal Access Accessibility Checker
IBM Equal Access Accessibility Checker

IBM Accessibility

Accessibility Insights for Web
Accessibility Insights for Web

Accessibility Insights Team