All Tools
Target Size Calculator
Check if your buttons, links, and interactive elements meet WCAG 2.2 touch target requirements. Includes spacing compensation calculations.
Target Dimensions
Width
44px
Height
44px
Spacing to adjacent targets
8px
Spacing can compensate for smaller targets (target + spacing ≥ 24px)
Quick Presets
Visual Preview
Actual size comparison
44px reference (AAA)
With spacing
AAA
44×44px target + 8px spacing
Exceeds WCAG 2.2 requirements. Optimal for touch devices.
WCAG 2.2 Requirements
AA
24×24 CSS pixels minimum
Or target + spacing ≥ 24px in each dimension
AAA
44×44 CSS pixels recommended
Apple HIG and Material Design standard
Common UI Elements
| Element | Typical Size | Recommendation |
|---|---|---|
| Close button (×) | 16-20px | 24px min, 44px ideal |
| Hamburger menu | 24-32px | 44px+ |
| Icon buttons | 24-40px | 44px+ for primary actions |
| Pagination dots | 8-12px | 24px with 12px+ spacing |
| Radio/Checkbox | 16-20px | 24px clickable area |
| Toast dismiss | 16-24px | 44px touch target |
Based on WCAG 2.2 Success Criterion 2.5.8 (Target Size Minimum).
Build Faster
Want production code, not just calculators?
The Cloudflare-native starter kits use the same delivery principles as these tools and get you to launch with architecture already solved.
More Free Tools
Revenue Diagnostic
Run a six-stage website revenue assessment and get a strategic breakdown of conversion friction.
Decision Frameworks
Browse direct answers to high-stakes web strategy, delivery, pricing, and architecture decisions.
Fluid Gradient Generator
Create stunning animated gradient backgrounds with SVG turbulence. Export as SVG, CSS, or PNG.
Color Contrast Checker
Test any color combination against WCAG 2.2 AA and AAA requirements.
Focus Ring Generator
Create WCAG 2.2 compliant focus indicators and export production-ready CSS.
WCAG 2.2 Checklist
Interactive audit checklist with progress tracking and Markdown export.
SEO Silo Architecture Builder
Visually plan your website structure, simulate link juice flow, and export sitemaps.
Execution Simulator
Forecast delivery velocity and technical debt by modeling org constraints and risk.
Need an accessible website?
We build WCAG 2.2 compliant websites from the ground up—not bolted on as an afterthought.
Start a project