---

👉 Click here to go to the original Checka11y.css project

---

Checka11y.css - browser extension

A CSS stylesheet to quickly highlight a11y concerns.

Lightweight • Modern • Accessibile • Customisable • Simple

Designed to quickly highlight some common accessibility errors and warnings that can be easily and quickly rectified.

This is the browser extension for Checka11y.css. It allows you to toggle on and off the Checka11y.css stylesheet on any webpage so you can debug your webpage's accessibility.

Browsers supported:

• Chromium
• Firefox

---

Dev

Prerequisites

npm i -g web-ext

Debug the extension in Firefox

web-ext run

OR

• In Firefox, navigate to about:debugging
• Click "This Firefox"
• Click "Load Temporary Add-on" and choose the directory Checka11y.css-browser-extension

Debug the extension in Chrome

• In Chrome, navigate to chrome://extensions
• Enable Developer mode
• Click "Load unpacked extension" and choose the folder Checka11y.css-browser-extension

Package up the browser extension ready for publishing

web-ext build

---