Metodologija
Težina nalaza: što je kod nas kritično, ozbiljno, srednje ili blago
Sam nalaz još ne govori što učiniti prvo. Zato svaki nalaz nosi težinu koja odražava učinak na pogođene korisnike. Ispod je potpuni katalog, trenutačno 120 provjera, svaka sa svojom razinom i obrazloženjem. Popis nije prepisan ručno: nastaje iz iste tablice po kojoj i provjeravamo. Kad se provjera doda, pojavi se ovdje.
Težina nije ocjena sukladnosti
Sukladnost je po kriteriju uspjeha binarna: ispunjen ili neispunjen. Stranica na kojoj stoje samo „blagi“ nalazi i dalje je nesukladna za svaki kriterij koji ti nalazi krše. Težina slaže redoslijed posla, ne zamjenjuje ocjenu prema EN 301 549.
Četiri razine
Kritično
7 provjeraPrepreka sprječava pogođenog korisnika da zadatak uopće dovrši. Na samoj stranici nema zaobilaznog puta: fokus je zarobljen, element se ne može koristiti, potreban sadržaj je nedostupan.
Težina u ocjeni: 10
Ozbiljno
61 provjeraZadatak ostaje moguć, ali prepreka uklanja uobičajen put do njega: sadržaj ili stanje ne stiže do asistivne tehnologije, element se ne može dosegnuti uobičajeno ili se sadržaj gubi pri prilagodbi koju standard jamči.
Težina u ocjeni: 5
Srednje
50 provjeraZadatak se može dovršiti, ali uz izbježiv napor ili nesigurnost: informacije stižu neprikladnim redoslijedom, oznaka ne odgovara najavi, poruka o pogrešci imenuje problem bez izlaza iz njega.
Težina u ocjeni: 2
Blago
2 provjeraNedostatak koji smanjuje kvalitetu, a bitno ne ometa zadatak. Ipak krši svoj kriterij uspjeha, pa se za sukladnost mora ispraviti.
Težina u ocjeni: 1
Potpuni katalog
Svaki redak je provjera koja se izvodi pri svakom auditu, sa slojem analize, WCAG kriterijem koji ocjenjuje i obrazloženjem razine. Raspodjela po razinama namjerno je neravnomjerna: vlastite provjere gradimo za prepreke koje stvarno smetaju, ne za kozmetiku. Blagi nalazi gotovo isključivo dolaze iz sloja 1, gdje ocjenu alata axe-core preuzimamo nepromijenjenu.
Kritično
| Što se provjerava | Sloj | Kriterij | Zašto ova razina |
|---|---|---|---|
| Fokus tipkovnice uđe u područje i ne može izaći tipkama Tab ni Escape. | Sloj 2Tipkovnica | 2.1.2No Keyboard Trap | Tko se koristi tipkovnicom, zaglavi na stranici i ne može dalje. Sve nakon toga postaje nedostupno, što je definicija blokade. |
| PDF ima stranice, ali gotovo nimalo teksta koji se može izdvojiti: to je slika dokumenta, a ne dokument. | Sloj 10Dokumenti | 1.1.1Non-text Content | Čitač ekrana nema što pročitati, kao ni pretraga ni kopiranje. Sve u datoteci je nedostupno, zato je blokirajuće. |
| Sadržaj je bez nužnog razloga vezan uz jednu orijentaciju zaslona. | Sloj 4Prilagodba | 1.3.4Orientation | Tko ima uređaj fiksiran u drugoj orijentaciji, primjerice na invalidskim kolicima, sadržaj uopće ne može koristiti: zadatak tu staje, a na stranici nema ničega što bi to nadoknadilo. |
| Pogreška validacije nije imenovana tekstom ili nije programski povezana sa svojim poljem. | Sloj 6Dinamički sadržaj | 3.3.1Error Identification | Obrazac se ne šalje, a ne može se doznati koje je polje pogrešno. Ne ostaje način da se kupnja, rezervacija ili prijava dovrše. |
| Na stranici nešto bljeska više od tri puta u sekundi, i to na tolikoj površini da je prijeđen WCAG-ov prag bljeskanja. | Sloj 1Pravila | 2.3.1Three Flashes or Below Threshold | Bljeskanje te učestalosti i veličine može kod fotoosjetljive epilepsije izazvati napadaj. To je jedini nedostatak pristupačnosti koji posjetitelja može ozlijediti prije nego što stigne odvratiti pogled. |
| Odgovor poslužitelja nosi zaglavlje „Refresh" koje automatski ponovno učitava ili preusmjerava stranicu, s odgodom između 0 i 20 sati i bez iznimke koju je naveo vlasnik stranice. | Sloj 1Pravila | 2.2.1Timing Adjustable | Potvrđeno, ponovno učitavanje ide po satu poslužitelja, ne korisnika, a ista provjera izvornog koda (axe) to ne može vidjeti jer se zaglavlje odgovora nikad ne pojavljuje u DOM-u. |
| Velik element vrti beskonačnu animaciju s ciklusom kraćim od 340 ms. | Sloj 1Pravila | 2.3.1Three Flashes or Below Threshold | Potvrđeno, ovo je jedini kriterij čije je kršenje tjelesni sigurnosni rizik, a ne prepreka pristupu, pa nadilazi sve ostalo. |
Ozbiljno
| Što se provjerava | Sloj | Kriterij | Zašto ova razina |
|---|---|---|---|
| Fokus tipkovnice ne izlazi iz područja tipkama Tab i Shift-Tab. Escape ga oslobađa, ali to nigdje ne piše. | Sloj 2Tipkovnica | 2.1.2No Keyboard Trap | Tko se koristi samo tipkovnicom ne može znati da je Escape izlaz i doživljava područje kao slijepu ulicu. |
| Sonda je fokusirala ovaj element i pritisnula Enter, razmaknicu i obje strelice: ništa se nije dogodilo. Klik mišem na isti element u istom stanju stranice nešto je učinio. | Sloj 2Tipkovnica | 2.1.1Keyboard | Ono što taj element radi bez miša nije dostupno. Ostatak stranice i dalje radi, zato je ozbiljno, a ne blokirajuće. |
| Element bez uloge i bez tabindexa reagira na klik, a tipkovnica ga uopće ne doseže: ne prima fokus, pa se na njemu ne može pritisnuti nijedna tipka. | Sloj 2Tipkovnica | 2.1.1Keyboard | Funkcija postoji samo za miša. Tko se koristi tipkovnicom ili čitačem ekrana ne može do nje i ne sazna ni da postoji. |
| Jedna znakovna tipka bez dodatne tipke nešto je pokrenula na ovoj stranici - dokazano na svježe učitanoj stranici, prema praznom prozoru i prema pritisku tipke Shift koji nije učinio ništa. | Sloj 2Tipkovnica | 2.1.4Character Key Shortcuts | Tko se koristi govornim unosom ili ne podiže prst čisto s tipke, pokreće takve prečace nehotice. Stranica reagira na znakove koji nikad nisu bili zamišljeni kao naredba. |
| PDF nema nikakvu strukturu oznaka: ništa u njemu nije označeno kao naslov, popis, tablica ili odlomak. | Sloj 10Dokumenti | 1.3.1Info and Relationships | Pomoćna tehnologija čita jedan nerazlučiv niz teksta bez ikakve mogućnosti kretanja. Sadržaj postoji, struktura koja ga čini upotrebljivim ne. |
| Slika u označenom PDF-u nema ni alternativni tekst ni tekstualnu zamjenu. | Sloj 10Dokumenti | 1.1.1Non-text Content | Ono što slika govori nedostaje svima koji je ne vide. Ostatak dokumenta i dalje se čita, zato je ozbiljno, a ne blokirajuće. |
| Interaktivni element nikada se ne dosegne redoslijedom tipke Tab ili stoji pod aria-hidden, a i dalje prima fokus. | Sloj 2Tipkovnica | 2.1.1Keyboard | Element je bez miša neupotrebljiv, ali ostatak stranice i dalje radi, pa se zadatak često dovrši drugim putem. |
| Pri fokusiranju se vizualno gotovo ništa ne mijenja, pa se položaj fokusa ne raspoznaje. | Sloj 2Tipkovnica | 2.4.7Focus Visible | Upravljanje ostaje tehnički moguće, ali kretanje stranicom na kojoj ne vidite gdje ste uklanja uobičajen put, a nije kozmetika. |
| U fokusiranom stanju element na svojem mjestu ne iscrtava ništa, a iscrtava čim se sakrije element iznad njega: potpuno ga prekriva drugi sadržaj stranice.focused control fully covered | Sloj 2Tipkovnica | 2.4.11Focus Not Obscured (Minimum) | Fokus stoji na nečemu nevidljivom, praktično isti učinak kao da pokazivača fokusa nema. |
| Fokus tipkovnice slijeće na element čija površina nigdje nije u vidljivom području. | Sloj 2Tipkovnica | 2.4.3Focus Order | Fokus stoji na nečemu nevidljivom, bez automatskog pomicanja do njega: praktično isti učinak kao da pokazivača fokusa nema. |
| Polje za lozinku odbacuje zalijepljenu vrijednost: stranica prekida događaj lijepljenja i u polje ne stigne ništa. | Sloj 2Tipkovnica | 3.3.8Accessible Authentication (Minimum) | Upisivanje lozinke test je pamćenja, a pomagalo koje ga rješava većini je upravitelj lozinki, kojemu treba lijepljenje. Prijava ostaje moguća tipkanjem, pa nestaje uobičajen put, stranica nije blokirana. |
| Osoba koja se služi tipkovnicom prije sadržaja prolazi kroz velik blok ponavljajućih poveznica, a ništa na stranici ne vodi mimo njega: nema poveznice za preskakanje ili postojeća ne vodi nikamo. | Sloj 2Tipkovnica | 2.4.1Bypass Blocks | Blok se prolazi iznova na svakoj stranici web-mjesta, pa se trud plaća stalno umjesto jednom. Sve ostaje dostupno, ali svaki put košta desetke pritisaka tipki. |
| Alternativni tekst slike nedostaje ili ne prenosi ono što slika doprinosi. | Sloj 3AI vizualna provjera | 1.1.1Non-text Content | Informacija iz slike uopće ne stiže onima koji je ne vide. To uklanja put do sadržaja, a ne samo otežava. |
| Redoslijed najave sadržaja odstupa od vizualnog redoslijeda čitanja. | Sloj 3AI vizualna provjera | 1.3.2Meaningful Sequence | Stranica se čita u slijedu koji ne nosi njezino značenje, pa razumijevanje puca iako su svi elementi prisutni. |
| Pri širini od 320 CSS piksela sadržaj se mora pomicati u oba smjera da bi se pročitao. | Sloj 4Prilagodba | 1.4.10Reflow | Na telefonu ili uz jako zumiranje čitanje znači ganjati tekst postrance redak po redak: uobičajen put do sadržaja nestaje. |
| Pri 200 posto veličine teksta sadržaj se reže, preklapa ili nestaje. | Sloj 4Prilagodba | 1.4.4Resize Text | Tko treba veće pismo, gubi sadržaj, a povećavanje je upravo prilagodba koju kriterij jamči. |
| Pri širini od 320 CSS piksela stranica se ne pomiče bočno, nego se sadržaj reže na desnom rubu. | Sloj 4Prilagodba | 1.4.10Reflow | Kriterij traži prelamanje bez gubitka sadržaja. Odrezani višak jednak je gubitak kao i prisilno bočno pomicanje, samo što na zaslonu ništa ne pokazuje da nešto nedostaje. |
| Veličina pisma vezana je uz veličinu prozora: pri zumiranju se prozor u CSS pikselima smanjuje točno onoliko koliko zum povećava, pa tekst ostaje jednako velik. | Sloj 4Prilagodba | 1.4.4Resize Text | Tko stranicu poveća, dobije veći raspored i jednako sitan tekst. Jedina prilagodba koju kriterij jamči za ovaj je tekst isključena. |
| Manifest web aplikacije veže instaliranu aplikaciju uz jednu orijentaciju zaslona. | Sloj 4Prilagodba | 1.3.4Orientation | Tko stranicu instalira kao aplikaciju, ostaje zaključan u toj jednoj orijentaciji i unutar aplikacije to ne može zaobići. Stupanj je niže od iste blokade u kartici preglednika samo zato što se sama kartica i dalje okreće. |
| Element sučelja stiže u razriješeno stablo pristupačnosti bez pristupačnog naziva. | Sloj 5Stablo pristupačnosti | 4.1.2Name, Role, Value | Čitač zaslona najavljuje element, ali ne kaže čemu služi, pa upravljanje postaje pogađanje. |
| Element sučelja u stablu ne otkriva svoje stanje (prošireno, označeno, odabrano). | Sloj 5Stablo pristupačnosti | 4.1.2Name, Role, Value | Ne može se razaznati što element trenutačno radi, pa nedostaje povratna informacija koja ga čini upotrebljivim. |
| Element se može koristiti mišem, ali u stablo stiže kao generički čvor ili nikako. | Sloj 5Stablo pristupačnosti | 1.3.1Info and Relationships | Za asistivnu tehnologiju element ne postoji: nevidljiv je upravo u sloju koji prenosi strukturu. |
| Polje je označeno isključivo tekstom čuvara mjesta (placeholder), bez label, aria-label, aria-labelledby ili title elementa. | Sloj 5Stablo pristupačnosti | 3.3.2Labels or Instructions | Oznaka nestaje čim korisnik počne tipkati i asistivna tehnologija je ne prikazuje pouzdano, pa se svrhu polja mora pamtiti umjesto pročitati. |
| Unutar medijskog upita za orijentaciju stranica se CSS transformacijom zakreće natrag za četvrtinu kruga i tako zadržava jednu čvrstu orijentaciju. | Sloj 4Prilagodba | 1.3.4Orientation | Tko ima uređaj čvrsto montiran, primjerice na invalidskim kolicima ili u držaču, ne može ga okrenuti kako treba, pa sadržaj za tu osobu ostaje postrance. |
| Pristupačan naziv elementa je kôdni identifikator, bez razmaka i s razdjelnicima unutar riječi, a nigdje se ne pojavljuje u vidljivom tekstu stranice. | Sloj 5Stablo pristupačnosti | 4.1.2Name, Role, Value | Čitač zaslona izgovara taj niz onako kako je napisan, pa se povezani logotip najavljuje kao „ptk podvlaka hh podvlaka logo podvlaka pad" i ne otkriva kamo poveznica vodi. |
| Dva ili više polja u istom obrascu imaju isti pristupačan naziv. | Sloj 5Stablo pristupačnosti | 2.4.6Headings and Labels | Čitač zaslona najavljuje ih jednako, pa se iz najave ne vidi koje je polje koje i mora se pogađati koja vrijednost ide kamo. |
| Skupina radiobutona ili potvrdnih okvira nema pristupačan naziv skupine. | Sloj 5Stablo pristupačnosti | 1.3.1Info and Relationships | Svaka se opcija najavljuje zasebno, bez pitanja ili kategorije kojoj pripada, pa se veza koja je vizualno očita mora pogoditi. |
| Statusna poruka ili poruka o pogrešci pojavljuje se bez semantike živog područja. | Sloj 6Dinamički sadržaj | 4.1.3Status Messages | Tko ne gleda točno na to mjesto, nikada ne sazna ishod vlastite radnje, što tiho prekida tijek. |
| Nakon neuspjelog pokušaja slanja na polju se mijenja isključivo boja - bez teksta, ikone ili promjene oblika. | Sloj 6Dinamički sadržaj | 1.4.1Use of Color | Tko tu promjenu boje ne percipira, ne dobiva nikakav signal da nešto nije u redu, a obrazac i dalje odbija slanje. |
| Zvuk se automatski pušta dulje od 3 sekunde (ili u beskonačnoj petlji), a nijedna isprobana kontrola u blizini nije ga pauzirala, zaustavila ili utišala. | Sloj 6Dinamički sadržaj | 1.4.2Audio Control | Zvuk se nastavlja preko svega što čitač zaslona izgovara, a nije pronađen način da ga se zaustavi: prepreka za cijeli ostatak stranice, ne samo za sam isječak. |
| Klik je dokazano prikazao novi sadržaj, ali vlastiti aria-expanded pokretača nakon toga i dalje pokazuje "false". | Sloj 6Dinamički sadržaj | 4.1.2Name, Role, Value | Asistivna tehnologija ne dobiva nikakav signal da se uopće nešto otvorilo: kontrola za nju djeluje nepromijenjeno, dok korisnici koji vide zaslon vide novi sadržaj. |
| Klik je dokazano prikazao novi sadržaj, a kliknuti element nema ni aria-expanded ni aria-pressed. | Sloj 6Dinamički sadržaj | 4.1.2Name, Role, Value | Ništa ne govori asistivnoj tehnologiji da kontrola uopće ima stanje, a kamoli u što se promijenila: ista nijema praznina kao u zastarjelom slučaju, samo bez atributa koji je ostao pogrešan. |
| Samo fokusiranje elementa pokušava napustiti stranicu, otvoriti novi prozor ili poslati obrazac, bez klika i bez potvrde, izmjereno dvaput. | Sloj 2Tipkovnica | 3.2.1On Focus | Tko se koristi tipkovnicom, ne može preskočiti element da dođe do onoga iza njega: upravo ga pokušaj da nastavi odnese dalje, čime nestaje uobičajen put kroz stranicu. |
| Fokus dokazano stigne na element, a zatim se sam vrati natrag na stranicu (WCAG tehnika neuspjeha F55), izmjereno dvaput. | Sloj 2Tipkovnica | 3.2.1On Focus | Element uopće ne može zadržati tipkovnički fokus: tko ga dosegne, odmah se vraća na vrh stranice i ne može ga koristiti. |
| Promjena vrijednosti (padajući popis, radio, checkbox, klizač ili ARIA element s vrijednošću) pokušava, bez slanja, napustiti stranicu, otvoriti novi prozor ili poslati obrazac, izmjereno dvaput. | Sloj 2Tipkovnica | 3.2.2On Input | Tko tipkovnicom mijenja vrijednost, bez najave biva odnesen dalje prije nego što postigne ono što je namjeravao. |
| Na stranici je ugrađeni videoplayer (YouTube, Vimeo i slični), a nudi li podnaslove ne može se očitati izvana. | Sloj 1Pravila | 1.2.2Captions (Prerecorded) | Ako se potvrdi, jednaka je prepreka kao i nedostatak zapisa s podnaslovima: izgovoreno ne dopire do onih koji ne čuju. |
| Na stranici je zvučni zapis bez tekstualne verzije koja se može pronaći.audio-only content, so a transcript is the alternative | Sloj 1Pravila | 1.2.1Audio-only and Video-only (Prerecorded) | Cijeli sadržaj te snimke nedostupan je gluhim osobama, a za razliku od videozapisa nema ničega na što bi se moglo osloniti. |
| Ugrađeni player trećeg pružatelja podešen je na automatsko puštanje, a njegove vlastite kontrole pritom su izričito isključene URL parametrom. | Sloj 1Pravila | 1.4.2Audio Control | Zadana kontrola pauziranja/utišavanja pružatelja usluge jedina je kontrola koju strani iframe obično nosi sa sobom, a ovaj embed je isključuje. Ne pronađe li se ništa drugo na stranici, zvuk se nastavlja preko svega. |
| Deklarirani zapis s podnaslovima upućuje na datoteku čiji dohvat vraća pogrešku, prazan sadržaj ili nijedan podnaslov koji se može očitati.the declared file 404s, is empty, or has no parseable cues | Sloj 1Pravila | 1.2.2Captions (Prerecorded) | Potvrđeno, datoteka ne dopire ni do koga: deklarirani zapis s nečitljivim sadržajem ista je prepreka kao da zapisa uopće nema. |
| Kontrola nema ni obrub ni konturu ni vlastitu pozadinu ni tekst: ništa ne pokazuje gdje se nalazi.no boundary of any kind, and no text to identify the control | Sloj 1Pravila | 1.4.11Non-text Contrast | Nema nikakve vidljive informacije koja označava element, pa je uobičajen put do njega blokiran, a ne samo otežan. |
| Tekst placeholdera u praznom polju preslabo se odvaja od pozadine.a field's placeholder text falls below the WCAG 1.4.3 threshold | Sloj 1Pravila | 1.4.3Contrast (Minimum) | Isti slučaj kao svaki drugi kontrastni propust prema 1.4.3: tko slabije vidi ne može pročitati tekst, a ako je placeholder jedina vidljiva oznaka polja, osoba uopće ne zna što treba unijeti. |
| Tekst koji ::before/::after umeće preko CSS-a `content` preslabo se odvaja od pozadine.text generated by ::before/::after falls below the WCAG 1.4.3 threshold | Sloj 1Pravila | 1.4.3Contrast (Minimum) | Za osobu koja vidi ne razlikuje se od običnog teksta, pa vrijedi isti prag 1.4.3. axe za njega ne daje nikakav rezultat, čak ni `incomplete`. |
| Tekst poveznice ili gumba u mirovanju doseže minimalan kontrast, ali boja koju hover pravilo postavlja pri prelasku mišem pada ispod praga.passes at rest, drops below the WCAG 1.4.3 threshold on :hover | Sloj 1Pravila | 1.4.3Contrast (Minimum) | Isti slučaj kao svaki drugi kontrastni propust prema 1.4.3: tko slabije vidi gubi čitljivost baš u trenutku kad je pokazivač miša nad elementom. |
| Tekst poveznice ili gumba u mirovanju doseže minimalan kontrast, ali boja koju fokusno pravilo postavlja pri fokusu tipkovnicom pada ispod praga.passes at rest, drops below the WCAG 1.4.3 threshold on :focus | Sloj 1Pravila | 1.4.3Contrast (Minimum) | Isti slučaj kao svaki drugi kontrastni propust prema 1.4.3, samo što ovdje pogađa baš trenutak kad korisnica tipkovnice dođe do elementa. |
| Stranica navodi jedan jezik, a njezin je tekst napisan na drugom. | Sloj 1Pravila | 3.1.1Language of Page | Čitač zaslona bira glas i izgovor prema toj oznaci. Ako je pogrešna, cijela se stranica čita na krivom jeziku i često se više uopće ne razumije. Pogrešna je oznaka gora od nedostajuće jer ništa na to ne upućuje. |
| Player učitava nešto što izgleda kao prijenos uživo, a titlovi se iz oznaka ne mogu provjeriti. | Sloj 1Pravila | 1.2.4Captions (Live) | Potvrđeno, gluhoj osobi za trajanja prijenosa ne ostaje ništa, i za razliku od snimke nema drugog pokušaja. |
| Rukovatelj tipkovnice na razini cijele stranice reagira na jedan znak bez pomoćne tipke. | Sloj 1Pravila | 2.1.4Character Key Shortcuts | Potvrđeno, slučajan znak iz glasovnog unosa ili pomagala pokreće radnju koju nitko nije tražio i izbacuje korisnika iz onoga što je radio. |
| Vremenska vrijednost na stranici pala je približno u stvarnom vremenu između dva očitanja u razmaku od nekoliko sekundi, primjerice odbrojavanje sesije ili rok na blagajni. | Sloj 1Pravila | 2.2.1Timing Adjustable | Potvrđeno, ograničenje koje se ne može produžiti prekida zadatak svima kojima treba više vremena i pritom obično odbaci već uneseno. |
| Vremenska vrijednost nije se vidljivo promijenila između dva očitanja, ali tekst pored nje imenuje rok ili sesiju koju taj rok okončava.static at capture (minute granularity, or a pre-rendered warning), carried by a deadline/session cue in the surrounding text | Sloj 1Pravila | 2.2.1Timing Adjustable | Isti rizik roka kao i kod odbrojavanja koje se mijenja, samo je prekrupne granulacije (mijenja se samo jednom u minuti) ili prerano (upozorenje koje počinje brojati tek kad se otvori njegov dijalog) da bi ga se uhvatilo u padu unutar prihvatljivog vremenskog okvira očitanja. |
| Dvije ili više poveznica dijele isti naziv, a vode na različita odredišta, pri čemu ih ništa u rečenici, stavci popisa, odlomku ni ćeliji tablice oko njih ne razlikuje. | Sloj 1Pravila | 2.4.4Link Purpose (In Context) | Potvrđena WCAG pogreška F63/H30: tko popis poveznica sluša samo po nazivu, njih dvije uopće ne može razlikovati, nego pogađa ili otvara jednu po jednu. |
| Element obrađuje geste povlačenja ili s dva prsta ili je preuzeo upravljanje gestama od preglednika. | Sloj 1Pravila | 2.5.1Pointer Gestures | Potvrđeno, tko ne može izvesti gestu po putanji ili s više prstiju, nema nikakav put do te funkcije. |
| Naginjanje ili tresenje uređaja (mjereno uživo pod mobilnom emulacijom) mijenja sadržaj stranice ili pokušava navigaciju, što mirni kontrolni prozor ne pokazuje. | Sloj 6Dinamički sadržaj | 2.5.4Motion Actuation | Pogađa obje strane: tko ne može pomaknuti uređaj gubi funkciju, a tko ima tremor pokreće je slučajno. Postoji li istovrijedna zaslonska kontrola i može li se okidač pokreta isključiti, odlučuje ručna provjera - proba dokazuje samo da pokret nešto uzrokuje. |
| Kontrola otvara modalni dijalog, ali fokus tipkovnice ostaje izvan njega (mjereno dvaput, kako se dijalog koji se prikazuje sa zadrškom ne bi pogrešno prijavio). | Sloj 6Dinamički sadržaj | 2.4.3Focus Order | Dijalog je vidljiv na zaslonu, ali nedostupan: tko koristi tipkovnicu mora se najprije tabovima probiti kroz cijelu stranicu iza njega, a čitač zaslona čita upravo tu stranicu umjesto dijaloga. |
| Modalni dijalog je zatvoren (tipkom Escape ili vlastitim gumbom za zatvaranje) i fokus se nije vratio na kontrolu koja ga je otvorila. | Sloj 6Dinamički sadržaj | 2.4.3Focus Order | Fokus završava na vrhu stranice i dotadašnji je napredak izgubljen: što je stranica dulja, to više pritisaka tipki treba da se korisnik vrati ondje gdje je stao. |
| Nešto se pomiče, treperi ili klizi dulje od pet sekundi samo od sebe, a nijedna pritisnuta kontrola to nije zaustavila. | Sloj 6Dinamički sadržaj | 2.2.2Pause, Stop, Hide | Pokret uz tekst odvlači pogled. Osobama s poteškoćama pažnje ili ravnoteže stranica time postaje nečitljiva, a treperenje može izazvati tegobe. |
| Kontrola izvršava radnju dok je tipka pokazivača još pritisnuta: odmicanje prije otpuštanja ne poništava je. | Sloj 6Dinamički sadržaj | 2.5.2Pointer Cancellation | Tko pritisne krivo, ne može više odustati. Kod uobičajene kontrole pokazivač se odmakne prije otpuštanja i ništa se ne dogodi. |
| Element se koristi povlačenjem (draggable, vlastiti klizač, rukovatelj povlačenja). | Sloj 1Pravila | 2.5.7Dragging Movements | Potvrđeno, tko ne može držati i voditi pokazivač po putanji, radnju uopće ne može izvesti; upravljanje tipkovnicom to ne nadomješta. |
| Promjena vrijednosti kontrole šalje obrazac, navigira ili otvara prozor bez ijedne dodatne radnje. | Sloj 1Pravila | 3.2.2On Input | Potvrđeno, korisnika tipkovnice strelicama kroz padajući izbornik odnese sa stranice prije nego što dođe do željene opcije, što kontrolu može učiniti neupotrebljivom. |
| Obrazac obvezuje korisnika na nešto financijsko, pravno ili nepovratno. | Sloj 1Pravila | 3.3.4Error Prevention (Legal, Financial, Data) | Potvrđeno, neispravljena pogreška ovdje stoji novac ili podatke, a ne samo vrijeme, i upravo zato kriterij postoji. |
| Na stranici se nalazi CAPTCHA provjera (reCAPTCHA, hCaptcha ili Cloudflare Turnstile). | Sloj 1Pravila | 1.1.1Non-text Content | Potvrđeno, CAPTCHA bez navedene svrhe i samo s vizualnim izazovom potpuno blokira zadatak svima koji taj izazov ne mogu vidjeti ili riješiti. |
| Alt-tekst slike je sirovo ime datoteke, ponavlja vlastito ime datoteke ili je generička riječ-zamjena ("image", "bild", "slika"). | Sloj 1Pravila | 1.1.1Non-text Content | Čitač zaslona izgovara ime datoteke ili riječ-zamjenu umjesto opisa, što je praktički ista prepreka kao potpuno bez alt-teksta. |
Srednje
| Što se provjerava | Sloj | Kriterij | Zašto ova razina |
|---|---|---|---|
| PDF ne navodi jezik dokumenta. | Sloj 10Dokumenti | 3.1.1Language of Page | Čitač ekrana čita ga glasom koji trenutno ima, pa hrvatski tekst stiže s engleskim pravilima izgovora. Uz trud razumljivo, ali posve pogrešno. |
| PDF nema naslov u metapodacima, pa pomoćna tehnologija i kartica preglednika posežu za nazivom datoteke. | Sloj 10Dokumenti | 2.4.2Page Titled | Tko ima otvoreno više dokumenata, ne može ih razlikovati, osim ako naziv datoteke opisuje dokument. EN 301 549 to dopušta, a prosuditi mora čovjek. |
| Pozitivan tabindex nadjačava prirodni redoslijed fokusa. | Sloj 2Tipkovnica | 2.4.3Focus Order | Sve ostaje dostupno, samo redoslijed zbunjuje: dodatni napor, a ne blokiran zadatak. |
| Fokus naglo skače unatrag na stranici, protiv smjera čitanja. | Sloj 2Tipkovnica | 2.4.3Focus Order | Sve ostaje dostupno, samo redoslijed zbunjuje: dodatni napor, a ne blokiran zadatak. |
| Tekst poveznice ili gumba sam za sebe ne govori kamo vodi ni što pokreće. | Sloj 3AI vizualna provjera | 2.4.4Link Purpose (In Context) | Odredište ostaje dostupno, samo traži okolni kontekst: trenje, a ne blokiran zadatak. |
| Naziv gumba ili naslova sam za sebe ne govori što pokreće ni o čemu je odjeljak koji uvodi.the judged element is a button or a heading, not a link | Sloj 3AI vizualna provjera | 2.4.6Headings and Labels | Gumb ostaje upotrebljiv, a odjeljak čitljiv, oboje traži samo okolni kontekst: trenje, a ne blokiran zadatak. |
| Uz primijenjene WCAG razmake teksta sadržaj se reže ili preklapa. | Sloj 4Prilagodba | 1.4.12Text Spacing | Čitljivost trpi i pojedina mjesta mogu postati nečitljiva, ali stranica u pravilu ostaje upotrebljiva. |
| Sadržaj koji se pojavljuje na hover ili fokus i prekriva drugi sadržaj ne može se zatvoriti tipkom Escape. | Sloj 4Prilagodba | 1.4.13Content on Hover or Focus | Informacija je dostupna, ali prekriva ono što je bilo ispod nje, a nema povratka bez pomicanja pokazivača. |
| Sadržaj koji se pojavljuje na hover nestaje čim pokazivač krene prema njemu. | Sloj 4Prilagodba | 1.4.13Content on Hover or Focus | Tko uvećava zaslon ne može prijeći pokazivačem preko razmaka do skočnog sadržaja a da on prije toga ne nestane: vidljiv, ali nikad čitljiv. |
| Sadržaj koji se pojavljuje na hover ili fokus sam nestaje nakon nekog vremena dok pokazivač još miruje na okidaču. | Sloj 4Prilagodba | 1.4.13Content on Hover or Focus | Informacija nestane prije nego što se stigne pročitati, bez ikakve radnje osobe koja je koristi. |
| Vidljiva oznaka nije sadržana u pristupačnom nazivu. | Sloj 5Stablo pristupačnosti | 2.5.3Label in Name | Glasovno upravljanje može zakazati na vidljivoj formulaciji, a najava odstupa od zaslona: obično zbunjuje, a ne blokira. |
| Redoslijed u stablu pristupačnosti odstupa od vizualnog redoslijeda. | Sloj 5Stablo pristupačnosti | 1.3.2Meaningful Sequence | Sadržaj stiže neočekivanim slijedom: razumijevanje trpi, ali svi su elementi prisutni. |
| Naslov se prosljeđuje asistivnoj tehnologiji, ali nema pristupačan naziv. | Sloj 5Stablo pristupačnosti | 2.4.6Headings and Labels | Svejedno zauzima mjesto u popisu naslova kojim se korisnici čitača zaslona kreću stranicom, a to mjesto ne govori ništa o odjeljku koji najavljuje. |
| Cijeli pristupačan naziv naslova je novčani iznos, pa naslov ne imenuje nijedan odjeljak. | Sloj 5Stablo pristupačnosti | 2.4.6Headings and Labels | Popis naslova kojim se korisnici čitača zaslona kreću stranicom tada prikazuje cijene umjesto proizvoda kojima pripadaju i više ne služi za snalaženje. |
| Kod obveznog polja nigdje ne piše da je obvezno: ni u tekstu polja, ni u CSS sadržaju, ni u napomeni za cijeli obrazac. | Sloj 5Stablo pristupačnosti | 3.3.2Labels or Instructions | Korisnik saznaje da je polje bilo obvezno tek nakon slanja obrasca, umjesto unaprijed. |
| Polje je vidljivo označeno kao obvezno (zvjezdica u oznaci, u rezerviranom tekstu ili generirana putem CSS-a), ali u kodu nema ni `required` ni `aria-required`. | Sloj 5Stablo pristupačnosti | 1.3.1Info and Relationships | Korisnici koji vide znaju unaprijed koja su polja obvezna; čitač zaslona isti obrazac čita kao da je sve neobavezno. |
| Polje traži podatke o korisniku (ime, adresa, broj telefona, ...), no nigdje programatski ne piše čemu služi: `autocomplete` nije postavljen, `autocomplete="off"`/`"on"` (nijedan ne imenuje svrhu), ili valjana vrijednost koja proturječi vlastitom tekstu polja. | Sloj 5Stablo pristupačnosti | 1.3.5Identify Input Purpose | Automatsko popunjavanje preglednika i pomoćne tehnologije koje reagiraju na očekivani tip polja ne dobivaju nikakvu potporu, sve se mora ručno utipkati. |
| Živo područje umeće se u DOM s već gotovom porukom u sebi. | Sloj 6Dinamički sadržaj | 4.1.3Status Messages | Ovisno o asistivnoj tehnologiji poruka se najavi ili ne: nepouzdano umjesto sigurno propušteno. |
| Imenovana pogreška ne govori kako je ispraviti. | Sloj 6Dinamički sadržaj | 3.3.3Error Suggestion | Zna se gdje je problem i može se riješiti pokušajima: dodatni napor, a ne slijepa ulica. |
| Samo fokusiranje elementa pomiče fokus na drugi element, bez klika i bez potvrde, izmjereno dvaput. | Sloj 2Tipkovnica | 3.2.1On Focus | Naći se negdje bez vlastitog djelovanja može oduzeti orijentaciju. Broji li se to kao promjena konteksta, ovisi o odredištu i zahtijeva ljudsku procjenu. |
| Promjena vrijednosti, bez slanja, pomiče tipkovnički fokus na drugi element ili otvara dijalog koji prije nije bio vidljiv, izmjereno dvaput. | Sloj 2Tipkovnica | 3.2.2On Input | Naći se negdje bez vlastitog djelovanja može oduzeti orijentaciju. Broji li se to kao promjena konteksta, ovisi o odredištu i zahtijeva ljudsku procjenu. |
| Videozapis možda prikazuje informacije koje zvuk nikada ne izgovara, bez zvučnog opisa. | Sloj 1Pravila | 1.2.5Audio Description (Prerecorded) | Glavni sadržaj i dalje stiže preko zvuka, gubi se ono isključivo vizualno: zadatak ostaje rješiv, uz izbjeziv napor. |
| Videozapis možda prikazuje informacije koje zvuk nikada ne izgovara, a nema ni audiodeskripcije ni potpune tekstualne alternative. | Sloj 1Pravila | 1.2.3Audio Description or Media Alternative (Prerecorded) | Stupanj ispod čistog slučaja audiodeskripcije: 1.2.3 prihvaća i tekstualnu alternativu, pa postoje dva načina da sadržaj ipak bude dostupan. |
| Videozapis dokazano (izmjereno) nema nikakav zvučni zapis, pa je sav njegov sadržaj isključivo vizualan, a 1.2.1 za to traži ravnopravnu tekstualnu inačicu.video measured to have no sound track, so all of its content is visual | Sloj 1Pravila | 1.2.1Audio-only and Video-only (Prerecorded) | Tko ne vidi sliku, od ovog isječka ne dobiva ništa: nema zvuka na koji bi se moglo osloniti. Stupanj ispod čistog zvuka jer je nijemi isječak češće ilustracija nego jedini nositelj sadržaja. |
| Deklarirani zapis s podnaslovima dohvaćen je i doista sadrži podnaslove koji se mogu očitati.the declared file delivers real cues, content unverified | Sloj 1Pravila | 1.2.2Captions (Prerecorded) | Datoteka postoji i čita se; jesu li podnaslovi sadržajno točni, pokrivaju li zvukove izvan govora i teku li usklađeno, iz samog dohvata se ne vidi. |
| Obrub ili kontura koja pokazuje gdje kontrola počinje preslabo se odvaja od okoline.a boundary is drawn but does not reach 3:1 | Sloj 1Pravila | 1.4.11Non-text Contrast | Većina i dalje pronađe element, i po njegovoj oznaci. Tko slabo razlikuje kontrast, mora tražiti rubove. |
| Obris koji kontrola prikazuje dok ima fokus tipkovnice premalo se odvaja od svoje okoline.the boundary drawn while the control has keyboard focus does not reach 3:1 | Sloj 1Pravila | 1.4.11Non-text Contrast | Tko se kreće tipkovnicom gubi mjesto: prsten postoji, ali nije dovoljno vidljiv da pokaže koja će se kontrola aktivirati. |
| Rub kontrole u CSS-u ostaje ispod 3:1, ali nešto što se ne može pouzdano razriješiti moglo bi crtati pravu granicu.a gradient, image or box-shadow may itself be the boundary | Sloj 1Pravila | 1.4.11Non-text Contrast | Naveden na razini koju bi imao potvrđen slučaj. Nikada se ne prihvaća automatski: ide čovjeku koji pogleda prikazanu kontrolu. |
| Na pregledanim stranicama pronađeno je manje od dva načina da se dođe do ove stranice. | Sloj 1Pravila | 2.4.5Multiple Ways | Stranica ostaje dostupna preko tog jednog puta, pa nedostaje zamjenska ruta za sve kojima taj put ne odgovara. |
| Isti navigacijski blok navodi zajedničke stavke različitim redoslijedom na različitim stranicama. | Sloj 1Pravila | 3.2.3Consistent Navigation | Sve ostaje dostupno, gubi se naučeni položaj, što najviše pogađa one koji pamte redoslijed ili broje korake. |
| Poveznica na isto odredište na različitim se stranicama zove drukčije. | Sloj 1Pravila | 3.2.4Consistent Identification | Odredište ostaje dostupno, ali tko se koristi glasovnim unosom izgovara naziv koji na jednoj stranici radi, a na drugoj ne: izbježiv trud, a ne slijepa ulica. |
| Prebacivač jezika navodi jezik njegovim vlastitim imenom, a u kodu to nigdje ne stoji. | Sloj 1Pravila | 3.1.2Language of Parts | Čitač zaslona izgovara „Français“ prema pravilima okolnog jezika. Upravo to čini jezični izbornik neupotrebljivim na sluh - a to je izbornik koji netko na krivom jeziku najviše treba. |
| Odlomak je na drugom jeziku od stranice i to ili uopće ne navodi ili navodi krivi jezik. | Sloj 1Pravila | 3.1.2Language of Parts | Pomoćna tehnologija za taj odlomak zadržava izgovor jezika stranice, pa citat, adresa ili cijeli odlomak izlazi kao niz glasova umjesto kao riječi. |
| Dvije različite provjerene stranice nose potpuno isti naslov stranice. | Sloj 1Pravila | 2.4.2Page Titled | Naslov je prvo što čitač zaslona pročita i ono što piše u kartici preglednika. Ako su dva naslova ista, s više otvorenih kartica ili pri slušanju više se ne razaznaje na kojoj je stranici čovjek. |
| Blok teksta oblikovan je veći i/ili deblji od okolnog tijela teksta, ali nema oznaku naslova, a u blizini ne postoji pravi naslov. | Sloj 1Pravila | 1.3.1Info and Relationships | Tko vidi stranicu, strukturu ipak pronađe okom; korisnik čitača zaslona ne može skočiti izravno na taj dio i ne čuje najavu da počinje novi odjeljak. |
| Uputa određuje svoj cilj oblikom ili položajem („okrugli gumb desno"). | Sloj 1Pravila | 1.3.3Sensory Characteristics | Cilj se obično ipak pronađe pokušajem, pa to stoji trud i sigurnost, ali zadatak ne blokira u potpunosti. |
| Uputa određuje svoj cilj bojom („zeleni gumb desno", tehnika G183).colour word in an instructional sentence | Sloj 1Pravila | 1.4.1Use of Color | Cilj se obično ipak pronađe pokušajem, pa to stoji trud i sigurnost, ali zadatak ne blokira u potpunosti. |
| Uputa određuje svoj cilj oblikom, položajem ili bojom, a stranica ima više takvih elemenata čije oznake rečenica ne spominje.measured: more than one matching control, none of their labels named in the sentence | Sloj 1Pravila | ovisi o nalazu | Cilj se obično ipak pronađe pokušajem, pa to stoji trud i sigurnost, ali zadatak ne blokira u potpunosti - isto kao kod otvorenog pitanja, samo ovaj put izmjereno, a ne upitano. |
| Poveznica u tekućem tekstu izdvaja se samo bojom, a ni prelazak mišem ni fokus tipkovnicom ne dodaju znak koji nije boja.measured: no non-colour cue on hover and/or on keyboard focus | Sloj 1Pravila | 1.4.1Use of Color | Razlika u boji doseže 3:1, pa većina poveznicu i dalje primijeti; nedostaje drugi znak koji tehnika G183 traži za sve koji boju ne razaznaju. |
| Poveznica se u mirovanju razlikuje samo bojom, a iznuđeno mjerenje prelaska mišem i fokusa nije uspjelo; treba li ti stanja dati drugi znak, mora provjeriti čovjek.clears 3:1, hover/focus state could not be measured | Sloj 1Pravila | 1.4.1Use of Color | Razlika u boji dovoljno je jaka da je većina primijeti, pa je riječ o preostaloj sigurnosnoj rezervi, a ne o pronalaženju same poveznice. |
| Dva ili više elemenata dijele oznaku i popis klasa, nemaju ni tekst ni pristupačan naziv, a razlikuju se samo u jednom svojstvu boje. | Sloj 1Pravila | 1.4.1Use of Color | Ako informacija koju ta boja nosi nigdje ne stoji i kao tekst, nema je onaj tko tu boju ne razaznaje ili stranicu čita bez boje. |
| <table> bez <th> i bez <caption> (ili s role="presentation"/"none") slaže stvarni sadržaj u mrežu. | Sloj 1Pravila | 1.3.2Meaningful Sequence | Čitač zaslona je ipak čita ćeliju po ćeliju izvornim redoslijedom; ne poklapa li se taj redoslijed s onim što kaže vidljiva mreža, značenje se mijenja za onoga tko mrežu ne vidi. |
| Na ovoj stranici glavno područje nije označeno, pa ništa ne označava gdje sadržaj počinje. | Sloj 1Pravila | 2.4.1Bypass Blocks | Tko se koristi čitačem ekrana, skače od područja do područja. Bez glavnog područja nema odredišta, pa svaki posjet ponovno počinje u izborniku. Srednje, jer poveznica za preskakanje ispunjava istu svrhu. |
| Sadržaj se nalazi izvan svih označenih područja. | Sloj 1Pravila | 2.4.1Bypass Blocks | Popis područja čitača ekrana navodi samo ono što je unutar nekog područja. Sadržaj ostaje čitljiv redom, ali se gubi orijentacija, zato srednje. |
| Dva područja iste vrste nose isto ime ili nijedno. | Sloj 1Pravila | 2.4.1Bypass Blocks | Popis područja koji čita „navigacija, navigacija, pretraga, pretraga" prisiljava korisnika da uđe u svako pojedinačno. Područja postoje, samo se ne mogu razlikovati. |
| Iz same slikovne datoteke pročitan je tekst: ova slika nosi pismo koje bi mogao biti pravi tekst. | Sloj 1Pravila | 1.4.5Images of Text | Pismo u slici ne prelama se, ne slijedi odabrani font ni boju i pri povećanju postaje mutno. Većini čitljivo, nekima neupotrebljivo, zato srednje, a ne ozbiljno. |
| Istoimene poveznice s različitim odredištima razlikuju se samo po naslovu ili tekstu kartice u kojoj stoje: jedinici koju sam WCAG ne nabraja (rečenica, stavka popisa, odlomak, ćelija tablice). | Sloj 1Pravila | 2.4.4Link Purpose (In Context) | Poveznice nisu nerazlučive, tko pročita i okolni naslov snalazi se. No razlika stoji izvan onoga što kriterij formalno broji kao kontekst, pa čovjek prosuđuje nosi li doista. |
| Pokret prestaje uz `prefers-reduced-motion: reduce`, ali na samoj stranici nema kontrole za to. | Sloj 6Dinamički sadržaj | 2.2.2Pause, Stop, Hide | To pomaže samo onima koji su postavili tu sistemsku postavku. WCAG medijski upit sam po sebi ne priznaje kao dostatnu tehniku. |
| Element <canvas> vidljivo crta, bez zamjenskog sadržaja između vlastitih oznaka i bez pristupačnog naziva. | Sloj 1Pravila | 1.1.1Non-text Content | Ako canvas nosi informaciju (grafikon, kartu, rezultat), korisnica čitača zaslona ne dobiva ništa, dok osoba koja vidi dobiva cijeli odgovor. |
| Kasniji korak istog postupka ponovno traži podatke koji su već uneseni, bez unaprijed ispunjenog polja i bez mogućnosti odabira. | Sloj 1Pravila | 3.3.7Redundant Entry | Potvrđeno, postupak se i dalje može dovršiti, ali tko prethodnu vrijednost ne pamti ili je ne može pročitati, mora je stvoriti drugi put, a pogreška u pisanju stoji cijeli korak. |
Blago
| Što se provjerava | Sloj | Kriterij | Zašto ova razina |
|---|---|---|---|
| Nijemi videozapis vrti se automatski u petlji bez kontrola, uobičajeni obrazac za pozadinske videozapise.silent looping video, so only informational content needs an alternative | Sloj 1Pravila | 1.2.1Audio-only and Video-only (Prerecorded) | Najčešće je čista dekoracija bez vlastite informacije. Važno je samo ako je taj isječak jedino mjesto na kojem se neki sadržaj pojavljuje. |
| Ponavljajući oblici pomoći pojavljuju se od stranice do stranice različitim redoslijedom. | Sloj 1Pravila | 3.2.6Consistent Help | Pomoć je i dalje prisutna na svakoj stranici, mijenja se samo njezin položaj. To smanjuje kvalitetu, ali ne ometa zadatak. |
Sloj 1: zašto za njega nema zasebnog kataloga
Sloj pravila izvodi axe-core s otprilike sedamdeset pravila za WCAG A i AA i preuzima njegovu ocjenu nepromijenjenu (critical, serious, moderate, minor). To je namjerno: axe održava svoju ljestvicu prema istom pitanju o učinku na korisnika, a vlastita ocjena po pravilu bila bi odvojak koji se sa svakim ažuriranjem razilazi. Ako rezultat uopće ne nosi ocjenu, svrstavamo ga kao srednji umjesto da ga ispustimo.
Težina nije pouzdanost
Težina govori koliko je loše ako nalaz vrijedi. Pouzdanost govori koliko smo sigurni da vrijedi. To su odvojene osi: o ljudskoj provjeri odlučuje isključivo pouzdanost, nikada težina. Kritičan nalaz s jasnim dokazom prihvaća se automatski, blag s nejasnim dokazom ide na provjeru.
Zatražite besplatno skeniranje
Recite nam svoju domenu - provodimo besplatno početno skeniranje i pokazujemo najvažnije prepreke.