Fjarlægð milli gagnvirkra þátta

Silktide mælir stærð og bil milli hnappa, tengla og eyðublaðsstýringa á síðum þínum. Litlar stýringar sem eru þétt saman er auðvelt að ýta á fyrir mistök, þannig að hver þeirra ætti annaðhvort að vera að minnsta kosti 24 sinnum 24 pixlar eða hafa nægt autt svæði í kringum sig.

Hvers vegna þetta skiptir máli

Hver sem er getur misst af litlum hnappi, en fyrir fólk með skjálfta, liðagigt eða skerta fínhreyfistjórn gera þétt saman pakkaðar stýringar síðuna raunverulega erfiða í notkun – það getur leitt til þess að ýtt sé á rangan tengil, rangt eyðublað sent inn eða að fólk gefist alveg upp. Vandinn er mestur á snertiskjám, þar sem fingurgómur er mun ónákvæmari en músarbendill.

Þetta er WCAG-viðmiðun 2.5.8 (Target Size Minimum), krafa á Level AA-stigi í WCAG 2.2, og er því hluti af samræmismarkmiðinu sem flestar stofnanir stefna að.

Hvernig á að laga þetta

1. Gerðu hvern gagnvirkan þátt að minnsta kosti 24 sinnum 24 CSS-pixla. Yfirleitt nægir að stilla min-width og min-height eða bæta við innra bili.
2. Annar kostur er að bæta við bili milli stýringa þannig að 24 sinnum 24 pixla svæði, miðjað yfir hverri stýringu, skarist ekki á við nágranna hennar – minni marksvæði eru ásættanleg þegar ekkert annað er nálægt.
3. Gefðu sérstakan gaum að táknhnöppum, síðuskiptingartenglum og samfélagsmiðlatáknum, sem eru oft of lítil og þétt saman.

\/* Vandamál: 16px táknhnappar snerta hver annan *\/
.toolbar button {
  width: 16px;
  height: 16px;
}

\/* Lagfæring: stækkaðu smellanlega svæðið í að minnsta kosti 24x24 *\/
.toolbar button {
  min-width: 24px;
  min-height: 24px;
}

Hvernig Silktide framkvæmir prófunina

1. Prófaðu bæði farsíma- og skjáborðsútgáfur hverrar síðu; niðurstöðurnar geta verið mismunandi eftir útgáfum.
2. Finndu gagnvirku þættina: tengla, hnappa, eyðublaðareiti og svæði í myndakortum.
3. Hunsa skal þætti sem eru venjulega ekki sýnilegir, svo sem efni sem er staðsett utan skjás fyrir skjálesara, og alla þætti sem þú hefur útilokað frá prófun.
4. Standist prófunina allir þættir sem eru að minnsta kosti 24 pixlar á breidd og 24 pixlar á hæð.
5. Hunsa skal stýringar sem eru inni í setningu eða textabálki, en WCAG gerir undanþágu fyrir þær samkvæmt þessari reglu.
6. Fyrir hvern lítinn þátt sem eftir stendur skal mæla bilið að öllum öðrum gagnvirkum þáttum. Nauðsynlegt bil er 24 pixlar að frádreginni breidd þáttarins (lárétt) og 24 pixlar að frádreginni hæð hans (lóðrétt).
7. Tilkynntu um þáttinn ef önnur stýring lendir innan þessa bils, nema báðar séu tenglar á sama áfangastað. Þættir sem eru festir við skjáinn, svo sem fastir hausar, eru bornir saman við aðra fasta þætti en ekki við efnið sem skrollast undir þeim.

Úrræðaleit

Lítil stýring stóðst prófunina

Stærð ein og sér felur ekki í sér villu: lítil stýring stenst prófunina þegar hún hefur nægt autt svæði í kringum sig, er innan línu í texta eða á aðeins nágranna sem vísa á sama stað. Þetta endurspeglar þær undanþágur sem WCAG sjálft leyfir.

Aðeins sumar villur eru skráðar

Silktide tilkynnir allt að 10 alvarlegustu dæmin fyrir hverja síðu. Með því að laga sameiginlegan stíl er oft hægt að leysa margar niðurstöður í einu.

Ég vil strangari staðal

Þessi prófun kannar lágmarkskröfu Level AA um 24 sinnum 24 pixla. Tengda Large enough controls-prófunin kannar strangari Level AAA-tillögu um 44 sinnum 44 pixla.

Frekari upplýsingar

• Understanding Target Size (Minimum) (WCAG 2.5.8)
• Technique C42: Using min-height and min-width to ensure sufficient target spacing
• Large enough controls