Touch Target Checker

WCAG 2.5.5 AA level

Enter the dimensions of an interactive element and check WCAG 2.5.5 compliance. 8 predefined templates with an exportable report and ready-to-use corrective CSS.

Elements to check
Add from template
WCAG 2.5.5 criteria
i
Minimum — 24×24 CSS px
WCAG 2.5.8 (AA): absolute minimum size. Below 24px a target is inaccessible for most users.
!
Target — 44×44 CSS px
WCAG 2.5.5 (AA): recommended target size. Apple HIG and Material Design use the same value.
✓
Enhanced — 44×44 px + spacing
Clickable area ≥ 44px, including via padding. A smaller button with enough padding can still meet the intent.
View
Scale

WCAG 2.5.5 requires interactive elements to have a minimum size of 44×44 CSS pixels: a fundamental requirement for touch accessibility on mobile devices.

This checker:

  • Verifies levels AA (24×24px with spacing) and AAA (44×44px)
  • Tests 8 templates: CTA button, icon button, menu link, checkbox, text input, inline link, small icon, tab navigation
  • Shows a visual canvas of declared vs minimum required size
  • Generates corrective CSS with min-width, min-height and optimised padding
  • Exportable report with required fixes