Checkers and Utilities / devs tools
Accessibility and Browser Compatibility Checker
Check contrast, focus, touch targets, motion, scope, specificity, overflow, and browser compatibility in one panel.
Opening the editor…
What it covers
Build with confidence, not guesswork
The editor keeps visual settings, states, responsive overrides, implementation notes, and checks in one portable project.
- WCAG contrast checks
- Focus and touch targets
- Motion safety
- Scope, specificity, and overflow
Output
Check report · JSON
Glossary
Plain-language explanations
- Preview
- A live rendering of the current settings.
- State
- A condition such as hover, keyboard focus, active, or disabled.
- Responsive
- Layout and styling that adapt to screen or container size.
- Reduced motion
- An operating-system preference that asks websites to reduce non-essential animation.