Standardit · WCAG 2.2

SC 2.5.5 Taso AAA WCAG 2.1

Kohteen koko (parannettu)

Vuorovaikutteisten kohteiden on oltava vähintään 44 x 44 CSS-pikseliä. Tämä on AAA-tason parannettu kokovaatimus; AA-tason 2.5.8 minimiraja on 24 x 24.

Mitä vaaditaan

Jokaisen vuorovaikutteisen kohteen on täytettävä osumaalue, joka on vähintään 44 × 44 CSS-pikseliä. Samat poikkeukset kuin AA-tason 2.5.8:ssa pätevät: vastaava kohde saatavilla, tekstin sisäinen, käyttäjäagentin ohjausobjekti, välttämätön ja vaatimustenmukainen.

44 × 44 on luku, johon Apple, Google ja Microsoft päätyvät omissa suunnitteluohjeissaan — tämän onnistumiskriteerinin täyttäminen vastaa yleensä alustakohtaisia käyttöliittymänormeja eikä ole ristiriidassa niiden kanssa.

Kuinka täyttää vaatimus

  • Aseta min-width: 44px; min-height: 44px painikkeille, vain ikoneista koostuville ohjausobjekteille, lomakekentille ja kaikille napautuskohteille.
  • Käytä täytettä pienten ikonipainikkeiden sisällä laajentaaksesi osumaalueen 44 × 44 pikseliin, vaikka ikonin koko olisi 16–24 pikseliä.
  • Auditoi ensin sivutus, murupolut, mobiilinavigointi, taulukon rivikohtaiset toimintokuvakkeet, chip-poistopainikkeet ja kelluvat toimintopainikkeet.
  • Ohjausobjekteille, joiden on visuaalisesti oltava pieniä, varmista 44 × 44 pikselin tyhjä tila ympärillä (ei muita kohteita kyseisellä säteellä).

Yleisiä virheitä

  • 24 × 24 tai 32 × 32 pikselin ikonipainikkeet työkalupalkeissa — läpäisevät AA:n mutta eivät AAA:ta.
  • Sivutusrivit, joissa on 30 pikselin laatikoita.
  • Tiiviit taulukon rivikohtaiset toiminnot, joissa Muokkaa / Kopioi / Poista ovat vierekkäin.
  • Chip-poisto-×-painikkeet, joiden koko on 12–20 pikseliä.

Miksi tämä on tärkeää

44 × 44 pikselin kynnys on taso, jolla väärät napautukset vähenevät lähes nollaan käyttäjille, joilla on Parkinsonin tauti, essentiaalinen vapina, MS-tauti tai muita motorisia rajoitteita, sekä kaikille, jotka käyttävät puhelinta yhdellä kädellä liikkeessä. AAA-tason onnistumiskriteerejä ei yleensä vaadita vaatimustenmukaisuuden kannalta, mutta monet säännellyt alat (pankkiala, julkinen hallinto, terveydenhuolto) tähtäävät AAA:han mobiilissa nimenomaan siksi, miten suhteettomasti mobiili epäonnistuu motorisesti rajoittuneilla käyttäjillä. Jos 2.5.8 on jo täytetty, nouseminen 24:stä 44:ään on yleensä vain Tailwind-luokan muutos.