WCAG SC 2.5.8 Target Size Checker

About

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