Web Tools tools.bryantsmith.com

Accessibility

Touch Target Checker

Enter the width, height, and spacing of a tappable element and instantly see whether it meets WCAG, Apple, and Material touch-target guidance. Runs entirely in your browser — your measurements never leave the page.

Runs in your browser v1.0.0

Target size

live

Gap to the nearest adjacent target. Used for the WCAG 2.2 AA spacing exception.

All guidelines are checked at once; this one drives the headline result.

Presets

Result

WCAG 2.2 AA
— Enter a target size to check.

All guidelines

live

    How it works

    The minimum size is usually measured per axis, so a target passes only when both its width and height reach the threshold. WCAG 2.2 AA (2.5.8) requires 24×24 CSS px, WCAG 2.2 AAA (2.5.5) requires 44×44, Apple's Human Interface Guidelines recommend 44×44 pt, and Material Design recommends 48×48 dp. WCAG 2.2 AA also allows an undersized target when a 24 CSS px circle centred on it does not intersect a neighbouring target — enter the spacing to check that exception. Measurements stay in this page and can be shared through the URL.

    Related tools

    • Accessible Link CheckerPaste HTML markup to flag vague, duplicated, empty, or context-poor link text before it ships.
    • WCAG Contrast Batch CheckerTest every foreground and background combination between two color palettes and see which ones pass WCAG contrast.
    • Accessible Button GeneratorGenerate accessible button and link patterns for common interaction types, with a live preview, copyable HTML and CSS, and plain-language accessibility notes.
    • Accessible Form CheckerPaste form markup to flag missing labels, broken label and aria references, missing fieldset legends, and other accessibility failures.
    • Alt Text HelperGet the right alt attribute for any image based on its purpose and context, with copyable HTML and a screen-reader preview.
    • Heading Structure VisualizerPaste HTML to see its H1–H6 outline and catch skipped levels, empty headings, and H1 mistakes — entirely in your browser.

    More Accessibility tools