a11y.css
v5.2.1
Published
This file aims to warn front-end devs about mistakes and potential accessibility failures - but it also helps to rate client-side code and to spot its weaknesses.
Downloads
580
Maintainers
ffooddReadme
a11y.css
Pronounced Alix. Because it’s simpler.
Introduction
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.
CSS files are available in French, English, Spanish, Greek, Arabic, Portuguese, Russian, Chinese and Polish — and leveled or full.
How to use?
WebExtension
Either you're using Firefox, Edge or Chrome, you're invited to install and use a11y.css's webextension — which has its own repository.
It provides some nice features not included in the main CSS file (for now), such as:
- force focus visibility;
- show lang attributes;
- check images' alternatives by displaying them;
- increase text spacings.
As a WebExtension, it also enables to:
- toggle CSS and change level on the fly,
- remember settings for each tab,
- automatically update in the background.
Contribution & customisation
If you want to get involved in this project, be sure to take a look at its wiki. I'll be pleased to read your issues or pull requests!