WCAG SC 2.5.8 Target Size Checker
Extension Actions
- Live on Store
Identifies interactive elements that don't meet WCAG 2.2 SC 2.5.8 Level AA (24x24 CSS pixels) requirements.
A Chrome extension that helps accessibility auditors identify interactive elements that don't meet WCAG 2.2 Success Criterion 2.5.8 Level AA requirements (24×24 CSS pixels minimum target size).
Features
- **Comprehensive Element Detection**: Identifies all interactive elements including:
- Standard HTML interactive elements (`<a>`, `<button>`, `<input>`, etc.)
- ARIA-enabled custom controls (role="button", role="checkbox", etc.)
- Elements within Shadow DOM
- Elements with pointer event handlers
- **Smart Exception Handling**: Accounts for WCAG 2.5.8 exceptions:
- **Spacing**: Elements with sufficient 24×24px safe area around their center
- **Inline**: Links within text blocks that would disrupt reading flow
- **User Agent Controlled**: Browser-default controls (checkboxes, radio buttons)
- **Equivalent** & **Essential**: Flags for manual review
- **Visual Highlighting**:
- Red border and semi-transparent overlay on failing elements
- Tooltips showing exact dimensions and applicable exceptions (appear on hover or focus)
- Non-intrusive overlays that don't interfere with page interaction
- Smooth fade-in/fade-out transitions for tooltips