This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →

Barrierefreiheit

Kako veliki mora biti gumb na web-stranici najmanje?

Gumb mora biti najmanje 24 puta 24 piksela — to zahtijeva novo uvedeni WCAG kriterij 2.5.8 »Veličina cilja (najmanja)«. Manji ciljevi redovno preskačete osobe s drhtavim rukama ili širim prstima, posebno na telefonu. Iznimke su poveznice u tekućem tekstu i mali ciljevi s dovoljna slobodnog prostora do susjeski ciljeva.

24 puta 24 piksela: donja granica za pogađanje

Dodir prstom je neprecizniji od klikanja mišem, a pri drhtanju ili ograničenoj finoj motorici razmatranje raste dalje. Ako je cilj premali, dodiravanje pada bez — u najboljem slučaju se ništa ne događa, goje bude dostižan susjeski link. Tipične problemske zone su trake sa simbolima gusto pakirani, sitno zatvaranje križa na prozorima upozorenja i polja za datum u kalendarima. 24 puta 24 piksela su pri tome donja granica, nema udobnosti. Dva izuzetka vidi kriterij: poveznice u tekućem tekstu mogu slijediti veličinu teksta, i mali ciljevi su dozvoljeni ako okolo ima dovoljno slobodnog prostora da nijedan ciljni susjedni nije slučajno dosegnuta.

Tako služba za provjeru mjeri veličinu ciljeva

Služba za provjeru mjeri vidljive upravljačke elemente stranice — poveznice, gumbove, polja za obrazac — u njihovoj stvarno prikazanoj veličini, do 300 ciljeva po stranici. Na svaki mali cilj primjenjuje pravila kriterija: ako leži kao poveznica u tekućem tekstu, ne broji se; ako ostaje dovoljan krug oko sredine oslobođen od susjednih ciljeva, ne broji se. Ako nakon toga ostaje najmanje jedan cilj manji od 24 puta 24 piksela, kriterij se smatra povrijeđenim — izvješće navodi broj, prvi zahvaćeni element i priložen je dokaznom fotografijom. Veličina uzorka nalazi se kao napomena mjerenja u izvješću.

Beispiele

Symbol-Links in einer Zeile

Verstoß

.symbol { width: 16px; height: 16px; margin: 0; }

Erfüllt

.symbol { width: 24px; height: 24px; }
/* oder: 16 px Symbol mit 8 px Abstand zum Nachbarn */

Auf Stufe AA sind 24 × 24 CSS-Pixel die Grenze, oder ein Abstand, der einen 24-Pixel-Kreis um das Ziel frei hält. Links im Fließtext sind ausgenommen.

Testirajte web-stranicu na telefonu palcem: pogađate li svaki simbol u zaglavlju pri prvom pokušaju?
Povećajte tipkanu površinu malih simbola preko nevidljiva Innenabstanda — simbol može malo izgledati, površina mora biti velika.
Provjerite zatvaranje križa prozora upozorenja i cookie bannera — nalaze se među najčešćim malim ciljevima.
Ostavi između susjednih malih ciljeva dovoljan slobodan prostor ako povećanje dizajnerski nije moguće.

Deutsche Fassung dieser Seite

FAQ

Koju najmanju veličinu WCAG zahtijeva za gumbove?

Kriterij 2.5.8 iz WCAG 2.2 zahtijeva najmanje 24 puta 24 piksela za upravljačke površine — gumbove, povezane simbole, elemente obrazaca. Dva izuzetka postoje: poveznice u tekućem tekstu mogu slijediti veličinu teksta, i manji ciljevi su dozvoljeni ako ostaje dovoljan slobodan prostor do susjednih ciljeva. Specifikacija znači stvarno tipkanu površinu, ne samo vidljivi simbol.

Zašto su premali gumbovi problem s barijerama?

Jer pogađanje zahtijeva točnost: dodir prstom razmatranja više nego klik mišem, pri drhtanju, bolestima zglobova ili u vozaciji još više. Mali ciljevi su preskočeni ili je susjedni link dosegnuta — iz »otvoritelja košarice« postaje »odjava računa«. Dovoljno velike površine čine rukovanje sigurnijom za sve, a ne samo za ljude s ograničenjima.

Kako mali simbol može i dalje zadovoljiti najmanju veličinu?

Preko tipkane površine: vidljivi simbol može ostati mali ako je klikkljiva površina oko — preko nevidljiva Innenabstanda — najmanje 24 puta 24 piksela. Alternativno, prema kriteriju dovoljne slobodnog prostora do susjeski ciljeva tako da preskočeni dodir pada u prazno umjesto krivo povezane.