2.5.8 Kohdealueen koko (minimi)

Kriteeri

Toiminnallisten kohteiden (esimerkiksi linkit, painikkeet, ja lomake-elementit) koko on vähintään 24 x 24 CSS-pikseliä, paitsi kun:

• Etäisyys: Jos sivulla on lähekkäin alle 24 x 24 CSS-pikselin kokoisia kohteita, kohteiden välillä tulee olla riittävästi tyhjää tilaa. Toiminnallisen kohteen keskipisteestä tulee olla vähintään 12 CSS-pikseliä lähimpään toiminnalliseen kohteeseen.

Esimerkki: Vierekkäin on kolme sosiaalisen median kuvalinkkiä. Jokaisen kuvalinkin koko on 10 x 10 CSS-pikseliä. Näiden kuvalinkkien väliin on jätettävä tyhjää tilaa. Tämä voidaan tehdä esimerkiksi lisäämällä jokaisen kuvalinkin vasempaan ja oikeaan reunaan paddingia 6 CSS-pikseliä.

Miten tehdään

Varmista, että toiminnalliset kohteet täyttävät minimikoon (24 x 24 CSS-pikseliä) tai niillä on riittävästi tilaa ympärillään.

Miksi se on tärkeää

Jotkut fyysisistä rajoitteista kärsivät eivät voi klikata pieniä nappuloita, jotka ovat lähellä toisiaan.