Official Sync:2026-03-15

Testador de Tamanho de Alvos Tácteis

Verifique elementos interativos face ao WCAG 2.2 CS 2.5.8 (mínimo 24 px) e às boas práticas de 44 px.

What is this?

This tool checks whether the buttons, links, and form controls on your website or app are large enough to tap with a finger. Targets that are too small are a barrier for people with motor disabilities.

When do I need this?

Use this when you have a mobile website or app, or any website that can be viewed on a touchscreen. If your product is only used on desktop with a mouse and keyboard, this check is lower priority.

Applies to:Mobile apps, touch-enabled websites, responsive web. Less applicable to keyboard-only desktop interfaces.
  1. 1
    Enter your element size — Type the width and height (in pixels) of the button, link, or control you're checking. If you're not sure, right-click it in your browser, choose Inspect, and look for the width/height values in the Styles panel.
  2. 2
    Read the verdict — The tool immediately tells you whether the element passes the minimum legal requirement (24px — WCAG 2.2 AA) or the recommended comfortable size (44px for iOS, 48px for Android).
  3. 3
    Use the spacing exception if needed — If your buttons are small but spread apart, WCAG allows an exception. Enter the gap between adjacent targets; the tool will tell you whether the exception applies.
  4. 4
    Get the CSS fix — Switch to the CSS Fix tab to get the exact code that will fix the issue. Copy and send it to your developer — no expertise needed.
  5. 5
    Export your evidence — Scroll to the Export section and download a record of your test. This becomes part of your EAA Technical File.

WCAG 2.2 CS 2.5.8 — Tamanho do Alvo (Mínimo)

24 × 24 px — WCAG 2.2 Nível AA

O mínimo legal ao abrigo da EAA, da cláusula 9.2.5.8 da EN 301 549 e do WCAG 2.2 AA. Cada elemento interativo tem de cumprir este requisito, salvo se a exceção de espaçamento se aplicar.

44 × 44 px — Apple HIG e WCAG 2.5.5 AAA

A Apple e a Google recomendam ambas 44–48 px para uma utilização móvel confortável com uma só mão. Era o requisito AAA do WCAG 2.1 e mantém-se como boa prática para todas as superfícies tácteis.

Exceção de espaçamento (CS 2.5.8)

Se um alvo for menor do que 24 px, ainda assim pode ser aprovado se houver espaço suficiente entre ele e os alvos adjacentes — concretamente, o desvio tem de fazer com que o total alvo + desvio ≥ 24 px de cada lado.

Falha — abaixo de 24 px

Faltam 4 px para o mínimo de 24 px do WCAG 2.2 AA.

A exceção de espaçamento pode aplicar-se — consulte a calculadora de espaçamento abaixo.

Pré-visualização ao vivo de componentes — alvo de 20 px

×

Icon Button

Close/dismiss/toolbar button

✗ Falha

✓

Checkbox

Form checkbox

✗ Falha

●

Radio

Form radio input

✗ Falha

Home

Nav Item

Navigation link/tab

✗ Falha

▼

Expand Arrow

Accordion / dropdown trigger

✗ Falha

i

Info Icon

Tooltip / help trigger

✗ Falha

O contorno tracejado mostra o mínimo exigido de 24 px. Os elementos a vermelho falham o CS 2.5.8.

Calculadora da exceção de espaçamento do CS 2.5.8

Se os alvos forem menores do que 24 px, espaçamento adequado entre eles pode satisfazer o CS 2.5.8.

A utilizar o tamanho definido acima.

px

A exceção de espaçamento aplica-se

Com 8 px de espaço, o desvio do alvo (20 px + 8 px = 28 px) cumpre o limiar de 24 px. Documente esta decisão na sua declaração de acessibilidade.

Export as evidence

Target 20px (goal 44px) — spacing 8px, adjacent 2px

Anonymous · Download only
0/2000
Legal basis:EAA Act — Annex I →

Every export includes a legal-evidence metadata footer with the audit ID, generation date, tool version, EN 301 549 clauses, and the standard disclaimer. Legal-grade evidence — not legal advice.

Important Legal Disclaimer

This tool is a self-assessment aid only and does not constitute legal advice or a formally certified compliance assessment. Outputs — including reports, scores, checklists, and accessibility statements — are for internal use and should be reviewed by a qualified legal representative or independent accessibility auditor before being relied upon for regulatory, procurement, or public-disclosure purposes. All assessment risk lies with the internal assessor. accessibilityref, its developers, and staff accept zero liability for losses arising from use of or reliance on these outputs. Always verify against official sources: the W3C WCAG 2.2 Recommendation, the European Accessibility Act (Directive 2019/882), and your national enforcement authority.