A CSS stylesheet to quickly highlight a11y concerns.
-
Updated
Oct 20, 2025 - CSS
(Web) Accessibility or eAccessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) is the practice of building inclusive spaces for different people, either by supporting the use of assistive technology (ALT text, ARIA HTML attributes, etc.) or by designing things with multiple ways to access them (color coding + text labels + icons, captions + sign language interpreter), keeping in mind different forms of impairments, disabilities, and difficulties—both temporary and permanent—, users of these space could face and might struggle with while using the space, which include:
<ul>
<li>color blindness/color vision deficiency</li>
<li>blindness/low vision/poor eyesight</li>
</ul>
<ul>
<li>tremors</li>
<li>loss of fine muscle control,</li>
</ul>
<ul>
<li>people who are hard of hearing</li>
<li>deafness</li>
</ul>
<ul>
<li>developmental disabilities</li>
<li>learning difficulties (dyslexia, dyscalculia, etc.)</li>
<li>cognitive disabilities (PTSD, Alzheimer’s)</li>
</ul>
A CSS stylesheet to quickly highlight a11y concerns.
Easily check for website accessibility issues
A small set of global rules to make things accessible and reset default styling
Open-source project. Tracking the available automation for accessibility. What a11y failures can be linted & tested for in an automated fashion?
💡 Ideas to help consider Inclusive Design principles when making things for others to use.
Fine-brewed Hugo theme made open
Exemplo de páginas HTML acessíveis, construídas em HTML, CSS e JS puro, demostrando vários componentes interativos construídos de forma inclusiva.
PUXL framework is a free and open-source and eco-friendly library to create front-end Web interfaces. It helps you build accessible and responsive sites with lightweight HTML.
An 8pt grid and modern reset focused on typography and accessibility
lint html with css is a collection of css snippets from the hashtag #linthtmlwithcss on twitter. these css snippets intend to warn developers about common mistakes made in html.
The CSS file detects the accessibility and syntactical errors and highlights them on the website.
Classless and accessible CSS framework
A simple discord theme which makes the app more accommodating to people with dyslexia.
My personal one page website
Find the fails, submit a PR with fixes. See link for live demo.
Accessibility fixes for Bootstrap 4.