WCAG 2.1 AA compliance checklist organized by principle: Perceivable, Operable, Understandable, Robust. Includes automated testing tools.
BeforeMerge offers hundreds of code review rules, guides, and detection patterns to help your team ship better code.
Use this checklist when auditing a web application for accessibility compliance.
Content must be presentable in ways users can perceive.
<img> elements have meaningful alt text (or alt="" for decorative images)<nav>, <main>, <article>, <aside>)UI components and navigation must be operable.
outline: none without replacement)<title> elementsContent and UI must be understandable.
<html lang="en"><span lang="fr">Content must be robust enough for diverse user agents.
role="status" or aria-live| Tool | Type | Use for |
|---|---|---|
| axe-core | Library | Integration in CI/CD, unit tests |
| Lighthouse | Browser | Quick audits, CI integration |
| Pa11y | CLI | CI pipeline checks |
| WAVE | Browser extension | Manual audits |
| eslint-plugin-jsx-a11y | ESLint | Catch issues at dev time |
import { axe, toHaveNoViolations } from "jest-axe";
expect.extend(toHaveNoViolations);
it("has no accessibility violations", async () => {
const { container } = render(<MyComponent />);
const results = await axe(container);
expect(results).toHaveNoViolations();
});