Skip to content

Touch Target Size Checker

New in WCAG 2.2, Success Criterion 2.5.8 (Target Size Minimum) requires interactive targets to be at least 24×24 CSS pixels, unless exceptions apply. Paste your HTML to identify buttons, links, inputs and other interactive elements that fail this requirement, with specific fix suggestions.

Why This Matters

Small interactive targets are a major barrier for users with motor impairments, tremors, or who use touchscreens. WCAG 2.2 introduced SC 2.5.8 (Level AA) requiring all interactive targets to be at least 24×24 CSS pixels. The recommended size is 44×44px. This affects buttons, links, checkboxes, radio buttons, and any clickable element.

How to Use This Tool

  1. 1

    Paste HTML

    Paste the HTML containing your interactive elements — navigation, forms, buttons, etc.

  2. 2

    Review results

    The tool lists all interactive elements with their detected size and WCAG 2.5.8 pass/fail status.

  3. 3

    Check FAIL items

    Elements below 24×24px fail WCAG 2.5.8 AA. Elements below 44×44px may fail usability best practice.

  4. 4

    Apply fixes

    Use the generated CSS fix examples to increase target size via padding or min-width/height.

Frequently Asked Questions

What is WCAG 2.5.8?

Target Size (Minimum), new in WCAG 2.2 at Level AA. Interactive targets must be at least 24×24 CSS pixels, unless the target is inline (within text flow), there is sufficient spacing, or the essential nature of the target requires the size.

Why does this tool show 'CHECK' for some elements?

When no explicit width or height is found in the HTML attributes or inline styles, the tool cannot determine the rendered size. You should manually inspect those elements in your browser's DevTools.

What's the difference between 24px and 44px?

24px is the WCAG 2.5.8 AA minimum. 44px is the Apple HIG and Material Design recommendation, and aligns with WCAG 2.5.5 (AAA). Always aim for 44px where possible.

Related Tools

Contrast Checker

Check WCAG 2.1/2.2 contrast ratios for text and UI components. Supports AA and AAA levels with live preview.

WCAG Checklist

Interactive checklist with all 86 WCAG 2.2 success criteria. Track progress, filter by level, and export your audit results.

Heading Analyzer

Paste your HTML and visualize the heading hierarchy. Detect skipped levels, missing H1s, and structural issues.

Form Checker

Check HTML forms for missing labels, improper associations, and other WCAG form accessibility violations.