A11ying with Sanna - Verkkosisällön saavutettavuusohjeet opas saavutettavuuteen liittyviin vaatimuksiin
2 Hallittava

2.5.8 Kohdealueen koko (minimi)

Onnistumiskriteerin taso: AA
Kriteeri tuli WCAG:n versiossa: 2.2

Onnistumiskriteerin virallinen kuvaus

Kriteerillä ei ole vielä virallista suomenkielistä käännöstä. Papunet on kääntänyt uudet kriteerit:

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.

Mitä pitää tehdä?

Varmista, että kohteet ovat vähimmäiskokoisia tai että niiden ympärillä on riittävä etäisyys.

On helpointa jos kohdealue on 24x24 pikseliä. Tällöin et joudu laskemaan.

Alle 24x24 pikselin kohdealueiden tapauksessa varmista, että elementin ympärillä on riittävästi väliä niin, että välin kanssa yhteenlaskettu koko on vähintään 24x24 pikseliä. Mutta muista, että tyhjä tila ei ole klikattavissa eikä siten auta yhtä paljoa kuin kohdealueen koko.

Miksi tämä on tärkeää?

Jotkut liikuntarajoitteiset ihmiset eivät pysty napsauttamaan pieniä painikkeita, jotka ovat lähellä toisiaan.

Miten testata?

Jotkut automaattiset työkalut saavat kiinni ongelmia tämän kriteerin kanssa.

Lisää tästä kriteeristä muualla