Pienet mobiiliohjaimet
Silktide lataa jokaisen sivun simuloidulla mobiililaitteella ja ilmoittaa linkeistä, painikkeista ja lomakeohjaimista, jotka ovat liian pieniä luotettavasti napautettaviksi. Ohjaimien on oltava vähintään 12 pikseliä leveitä ja 12 pikseliä korkeita läpäistäkseen tarkistuksen.
Miksi tämä on tärkeää
Sormet ovat epätarkempia kuin hiiriosoittimet. Työpöydällä helposti napsautettava ohjain voi olla puhelimella lähes mahdoton napauttaa – kävijät osuvat ohi, napauttavat sen sijaan viereistä linkkiä ja päätyvät paikkaan, johon eivät tarkoittaneet mennä. Motorisista toimintarajoitteista, vapinasta tai suurista sormista kärsivät ihmiset kärsivät eniten, mutta kaikki napauttavat joskus vahingossa pieniä kohteita.
12 pikselin raja tunnistaa vain vakavasti alimitoitetut ohjaimet; mukavat napautuskohteet ovat huomattavasti suurempia (yleinen suositus on noin 44 pikseliä).
Miten korjaat tämän
- Kasvata merkityn ohjaimen kokoa – suurempi teksti, enemmän sisennystä tai nimenomainen vähimmäiskoko :
/* Anna napautuskohteille mukava vähimmäiskoko */
a.icon-button {
min-width: 44px;
min-height: 44px;
}
- Tee vain kuvaketta sisältävien linkkien napautettavasta alueesta kuvaketta suurempi sisennyksen avulla sen sijaan, että suurentaisit kuvaketta.
- Jos elementin ei pitäisi olla lainkaan vuorovaikutteinen – kuten tyhjän jäljelle jääneen linkin – poista se sen koon muuttamisen sijaan.
Miten Silktide testaa tämän
- Lataa sivu simuloidulla mobiililaitteella.
- Etsi jokainen vuorovaikutteinen ohjain: linkit, kuvakartta-alueet, lomakesyötteet, avattavat valikot, tekstialueet ja painikkeet.
- Ohita ohjaimet, jotka ovat piilotettuja sivun latautuessa, joilla ei ole kokoa tai jotka ovat kokonaan näytön ulkopuolella.
- Mittaa jokainen jäljellä oleva ohjain ja ilmoita niistä, jotka ovat kapeampia tai matalampia kuin 12 pikseliä.
Vianmääritys
Elementti näkyy vasta vuorovaikutuksen jälkeen
Silktide mittaa sivun sen latautuessa. Myöhemmin avautuvien valikoiden tai paneelien sisällä olevat ohjaimet mitataan niiden alkuperäisessä tilassa, mikä voi toisinaan merkitä animaation keskellä olevan elementin. Jos ohjain on mukavan kokoinen, kun sitä todella voi käyttää, löydös.
Miten tämä liittyy WCAG:n kohteen kokoa koskeviin sääntöihin?
Tämä tarkistus on mobiilikäytettävyyden tarkistus, jonka raja-arvo on tarkoituksella salliva. Siihen liittyvät -tarkistukset – Kohteen koko tasolla AA ja Kohtuullinen kohteen koko tasolla – sisältävät tiukempia kokovaatimuksia ja tarkempia poikkeuksia.