WCAG 2.2 AA: kontrolna lista za vaše web-mjesto

Što znače WCAG, razina A/AA i POUR

Smjernice za pristupačnost web-sadržaja (WCAG) W3C-a međunarodni su standard za pristupačan web-sadržaj. Izgrađene su oko četiri načela — zamjetljivo, operabilno, razumljivo, robusno (engl. POUR) — i dijele se na kriterije uspješnosti na tri razine: A, AA i AAA. Pravno je relevantna razina AA, koja uključuje sve A kriterije. AAA je najviša razina i ne zahtijeva se u pravilu na svima.

Novo u WCAG 2.2

WCAG 2.2 (od listopada 2023.) nadograđuje 2.1 i dodaje nekoliko kriterija uspješnosti. Na razini A/AA to su:

• 2.4.11 Fokus nije zaklonjen (minimum): fokusirani element ne smije biti potpuno skriven drugim sadržajem (npr. kolačić-banner, ljepljivo zaglavlje).
• 2.5.7 Pokreti povlačenja: ono što ide povlačenjem mora biti izvedivo i jednostavnim dodirom/klikom.
• 2.5.8 Veličina cilja (minimum): interaktivni ciljevi najmanje 24×24 CSS piksela (ili dovoljan razmak).
• 3.2.6 Dosljedna pomoć: mogućnosti pomoći i kontakta stoje na istom mjestu kroz stranice.
• 3.3.7 Redundantan unos: već unesene informacije ne tražiti nepotrebno ponovno.
• 3.3.8 Pristupačna autentifikacija (minimum): prijava bez kognitivnog testa; dopustiti lijepljenje i upravitelje lozinki.

1. Zamjetljivo

• Tekstualne alternative (1.1.1): svaka informativna slika ima smislen alt-tekst; ukrasne su slike označene prazno.
• Vremenski utemeljeni mediji (1.2.x): videozapisi s titlovima, audio s transkriptom.
• Informacije i odnosi (1.3.1): struktura kroz stvarni HTML — naslovi, popisi, zaglavlja tablica, oznake obrazaca — ne samo vizualno.
• Smislen redoslijed (1.3.2): redoslijed čitanja/DOM-a ima smisla i bez CSS-a.
• Ne samo osjetilno (1.3.3) / ne samo bojom (1.4.1): upute i značenja ne prenositi samo bojom, oblikom ili položajem.
• Svrha polja za unos (1.3.5): polja poput imena, e-pošte, adrese označiti strojno čitljivo (autocomplete).
• Kontrast (1.4.3): tekst najmanje 4,5:1 (velik tekst 3:1) prema pozadini.
• Veličina teksta i preslagivanje (1.4.4 / 1.4.10): tekst povećiv na 200 %; sadržaj upotrebljiv pri širini 320 px (odgovara 400 % zumu) bez vodoravnog pomicanja.
• Kontrast netekstualnog (1.4.11): kontrole, ikone i dijagrami najmanje 3:1.

2. Operabilno

• Tipkovnica (2.1.1 / 2.1.2): sve je dostupno i izvedivo tipkovnicom, bez tipkovničke zamke.
• Dovoljno vremena (2.2.1): vremenska ograničenja mogu se isključiti, produljiti ili prilagoditi.
• Bljeskanje (2.3.1): ništa ne bljeska više od tri puta u sekundi.
• Navigabilnost (2.4.1 / 2.4.2): blokovi se mogu preskočiti (skip-link); smisleni naslovi stranica.
• Tekst poveznice (2.4.4): tekst poveznice sam po sebi govori kamo vodi — bez „kliknite ovdje“.
• Vidljiv fokus (2.4.7) i nezaklonjen (2.4.11): fokus tipkovnice jasno je vidljiv i ne prekrivaju ga drugi elementi.
• Geste pokazivača (2.5.7 / 2.5.8): pokreti povlačenja imaju jednostavnu alternativu; ciljevi klika najmanje 24×24 px.

3. Razumljivo

• Jezik stranice (3.1.1): jezik stranice postavljen je u HTML-u (atribut lang).
• Dosljednost (3.2.3 / 3.2.4 / 3.2.6): navigacija, nazivlje i pomoć dosljedni su kroz stranice.
• Prepoznavanje i ispravak pogrešaka (3.3.1 / 3.3.3): pogreške se navode u tekstu i popraćene su uputom za ispravak.
• Oznake i upute (3.3.2): svako polje obrasca ima vidljivu, povezanu oznaku.
• Redundantan unos (3.3.7): već zabilježeni podaci ne traže se nepotrebno ponovno.
• Pristupačna autentifikacija (3.3.8): nema kognitivnog testa kao jedine prepreke pri prijavi; upravitelji lozinki i lijepljenje dopušteni su.

4. Robusno

• Naziv, uloga, vrijednost (4.1.2): kontrole su asistivnoj tehnologiji prepoznatljive kao ono što jesu — osobito kod vlastitih (ARIA) komponenti.
• Statusne poruke (4.1.3): dinamičke poruke (npr. „dodano u košaricu“) najavljuju se čitačima zaslona bez otimanja fokusa (aria-live).

Što ova kontrolna lista ne zamjenjuje

Ova je lista orijentacija, a ne potpun audit. Automatski testovi pouzdano pokrivaju samo dio (poput kontrasta ili nedostajućih alt-atributa). Odgovara li alt-tekst sadržajno, ima li smisla redoslijed čitanja ili radi li naplata od početka do kraja tipkovnicom, ne može se odlučiti samo strojno — to zahtijeva ljudsku provjeru. Što pouzdan audit obuhvaća i što košta, piše u „Što košta audit pristupačnosti?“.

Zašto su ti kriteriji uopće obvezujući, objašnjava „EAA i EN 301 549 objašnjeni“. Gdje u trgovini većina tih točaka puca istovremeno, pokazuje „Pristupačna naplata: 7 čestih pogrešaka“.