Accessibility

v1.0.0

Reviews web UI for WCAG compliance — semantic HTML, ARIA usage, keyboard navigation, color contrast, and screen reader compatibility. Accessibility bugs exclude real users and often violate legal requirements, yet they are invisible to sighted mouse-users during development.

19 rules

1 categories

Quality(19)

Ensure Keyboard Navigation

Every interactive element must be operable via keyboard alone (Tab, Enter, Space, Escape). Users with motor disabilities, RSI, or broken trackpads cannot use a mouse — if your app requires mouse interaction, those users are completely locked out.

ARIAKeyboardWCAG

CRITICAL

Automate Accessibility checks on every PR

BeforeMerge scans your pull requests against all 19 Accessibility rules automatically. Get actionable feedback before code ships.

Join Waitlist Browse All Rules

Accessibility Review

A review skill that checks front-end code for accessibility barriers before they reach users.

What it covers

Semantic HTML — correct heading hierarchy, landmark regions, lists for list content, buttons vs. links
ARIA usage — ARIA only when native HTML is insufficient, correct roles, live regions for dynamic content
Keyboard navigation — focus management, visible focus indicators, no keyboard traps, skip links
Forms — associated labels, error messages linked to inputs, fieldset/legend for groups
Color and contrast — WCAG AA contrast ratios, not relying on color alone to convey meaning
Media — alt text for images, captions for video, reduced motion preferences

When to use

Run this on any PR that modifies UI components, page layouts, or interactive elements. Required before launching user-facing features.

Accessibility

Quality(19)

Ensure Keyboard Navigation

Automate Accessibility checks on every PR

Prevent Keyboard Traps

Maintain Color Contrast Ratio

Use Semantic HTML Elements

Add Alt Text to Images

Provide Labels or Instructions for Inputs

Do Not Use Color as the Only Visual Cue

Identify Input Errors Clearly

Expose Name, Role, and Value for Custom Controls

Manage a Logical Focus Order

Provide a Visible Focus Indicator

Provide Captions for Prerecorded Video

Convey Information and Relationships Programmatically

Ensure Non-Text Contrast of 3:1

Reflow Content at 320 CSS Pixels

Give Each Page a Descriptive Title

Support Text Resize to 200%

Set the Language of the Page

Preserve a Meaningful Content Sequence

Accessibility Review

What it covers

When to use