Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung
Accessibilità
Quanto grande deve essere un pulsante per le dita e le mani traballanti?
Un pulsante di 20 pixel di altezza colpisce un dito sul telefono solo con fortuna, una mano incasinata con il mouse nè. Livello AA (2.5.8, nuovo in WCAG 2.2) richiede 24 × 24 pixel o distanza sufficiente. Il criterio di livello AAA 2.5.5 richiede 44 × 44 pixel CSS per ogni obiettivo gestito con un puntatore. Esclusi sono collegamenti nel testo di flusso, elementi con un'alternativa equivalente più grande e elementi la cui dimensione il browser specifica.
Cosa richiede il criterio
Ogni target digitato o cliccato è di almeno 44 pixel CSS larghi e alti. Questo corrisponde a circa 9 millimetri su un telefono cellulare, la larghezza di un dito. Eccezioni: collegamenti in una frase o in un paragrafo; obiettivi per i quali c'è un'alternativa equivalente di 44 pixel sulla stessa pagina; obiettivi la cui dimensione non è determinata dall'autore (controllo del browser); e obiettivi per i quali la rappresentazione concreta è essenziale, come punti su una mappa.
Per chi conta questo
Le persone con tremore, artrite, spasticità o dopo ictus non colpiscono piccoli obiettivi o colpiscono accanto a loro. Al telefono, questo colpisce tutti coloro che tocca con il pollice, sul bus, con un guanto, con un dito spesso. I 44 pixel provengono dalle linee guida di progettazione dei grandi sistemi operativi e si sono dimostrati come un limite da cui gli errori operativi diminuiscono significativamente. Gli obiettivi più grandi riducono anche il tasso di errore per tutti gli altri.
Questo è il modo in cui ci occupiamo
Oggi, il nucleo di misura misura misura ogni superficie operativa nell'area di prova Responsive contro il limite di 24-pixel di livello AA e specifica larghezza e altezza per ogni posizione. La stessa misura dice quali aree raggiungono 44 pixel. Il criterio è automaticamente decidabile, salvo la questione se un'alternativa è equivalente. Appartiene alla categoria AAA in conoscenza; La relazione stabilisce gli standard.
Esempi
Pulsante con 24 pixel
.symbol-knopf { width: 24px; height: 24px; } /* Stufe AA */.symbol-knopf { min-width: 44px; min-height: 44px; } /* Stufe AAA */44 × 44 pixel CSS per obiettivo, esclusi gli intervalli. Sono esclusi i collegamenti nel testo.
- Inserire pulsanti, menu e link icon con un'altezza minima e larghezza di 44 pixel (altezza minima, larghezza min) o equivalente a distanza interna.
- Aumentare l'area di clic delle icone con l'interlocuzione, non l'icona stessa.
- Lasciare i link nel testo di flusso come sono; sono esclusi.
- Controllare le linee nelle tabelle e le liste con le azioni icone: ci sono piccoli obiettivi più comuni.
