Resursi i pojmovnik pristupačnosti weba

Ova stranica služi kao vaša referentna točka za terminologiju pristupačnosti, službene standarde, alate i daljnje učenje. Označite je i vratite se kad god trebate potražiti pojam ili pronaći resurs.

Pojmovnik izraza pristupačnosti weba

Stablo pristupačnosti — Pojednostavljena reprezentacija DOM-a koju preglednici stvaraju za pomoćne tehnologije. Sadrži semantičke informacije o elementima stranice — njihova imena, uloge, stanja i svojstva — koje čitači zaslona i druge pomoćne tehnologije koriste za prezentaciju sadržaja korisnicima.

Alternativni tekst (Alt tekst) — Tekstualni opis netekstualnog sadržaja, najčešće slika. Alt tekst čitaju naglas čitači zaslona i prikazuje se kada se slike ne uspiju učitati. Trebao bi opisivati svrhu ili sadržaj slike, a ne samo njezin vizualni izgled.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. W3C specifikacija koja pruža dodatne HTML atribute za poboljšanje pristupačnosti dinamičnog web sadržaja i prilagođenih widgeta. ARIA dodaje semantičke informacije za pomoćne tehnologije kada izvorna HTML semantika nije dovoljna.

Pomoćna tehnologija — Hardver ili softver koji osobe s invaliditetom koriste za interakciju s digitalnim sadržajem. Primjeri uključuju čitače zaslona (JAWS, NVDA, VoiceOver), povećala zaslona, alternativne tipkovnice, prekidačke uređaje, softver za prepoznavanje glasa i sustave za praćenje očiju.

Usklađenost — Stupanj u kojem digitalni sadržaj ispunjava zahtjeve specifične WCAG razine. Potpuna usklađenost na danoj razini znači da su svi kriteriji uspjeha na toj razini i ispod nje zadovoljeni za cijelu stranicu.

EAA (Europski akt o pristupačnosti) — EU Direktiva 2019/882 koja zahtijeva pristupačnost proizvoda i usluga uključujući e-trgovinu, bankarstvo, transport i telekomunikacije. Provediv od 28. lipnja 2025.

EN 301 549 — Harmonizirani europski standard za ICT pristupačnost. Uključuje WCAG za web sadržaj i pruža dodatne zahtjeve za softver, dokumente, hardver i komunikacijske tehnologije. Usklađenost s EN 301 549 stvara pretpostavku sukladnosti s EAA-om.

Indikator fokusa — Vizualni indikator (obično obrub ili isticanje) koji pokazuje koji element na stranici trenutno ima fokus tipkovnice. Ključan za navigaciju tipkovnicom.

Orijentir — Regija stranice koja je identificirana kao da ima specifičnu strukturnu svrhu, omogućujući korisnicima pomoćne tehnologije izravnu navigaciju do nje. Uobičajeni orijentiri uključuju banner, navigaciju, main, complementary i contentinfo. Stvaraju se putem HTML5 sekcijskih elemenata ili ARIA uloga orijentira.

Živa regija — Područje web stranice koje se dinamički ažurira i čije promjene trebaju biti najavljene od strane pomoćnih tehnologija bez potrebe da korisnik navigira do tog područja. Definirana korištenjem aria-live atributa s vrijednostima "polite" (najavljeno na sljedećoj prikladnoj pauzi) ili "assertive" (najavljeno odmah).

POUR — Četiri načela WCAG-a: Zamjetljivo, Operabilno, Razumljivo, Robusno. Sve WCAG smjernice i kriteriji uspjeha organizirani su pod ovim načelima.

Čitač zaslona — Softver pomoćne tehnologije koji pretvara sadržaj zaslona u govorni ili Brailleov izlaz. Čitači zaslona tumače stablo pristupačnosti za prezentaciju sadržaja, navigaciju strukturom stranice i interakciju s kontrolama.

Semantički HTML — HTML označavanje koje prenosi značenje o sadržaju koji sadrži, za razliku od pukog definiranja njegova izgleda. Korištenje <nav> umjesto <div class="nav">, <button> umjesto <span onclick> i <h2> umjesto <div class="heading"> primjeri su semantičkog HTML-a.

Skip link — Navigacijski mehanizam, obično prvi fokusabilni element na stranici, koji omogućuje korisnicima tipkovnice da zaobiđu ponovljene blokove sadržaja (poput navigacijskih izbornika) i skoče izravno na glavni sadržaj.

Kriterij uspjeha — Specifičan, testabilan zahtjev unutar WCAG-a. Svakom kriteriju uspjeha dodijeljen je broj (npr. 1.4.3), opisni naziv (Kontrast – minimum) i razina usklađenosti (A, AA ili AAA).

VPAT (Voluntary Product Accessibility Template) — Standardizirani format dokumenta koji se koristi za opis usklađenosti proizvoda ili usluge sa standardima pristupačnosti. VPAT-ovi se obično zahtijevaju u procesima nabave, posebno u američkom javnom sektoru.

WCAG (Web Content Accessibility Guidelines) — Međunarodni standard za pristupačnost weba koji objavljuje W3C. Trenutna verzija je WCAG 2.2, koja sadrži 86 kriterija uspjeha organiziranih pod četiri načela i trinaest smjernica.

Službeni standardi i specifikacije

• WCAG 2.2 — Trenutna W3C preporuka za pristupačnost web sadržaja: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Detaljna objašnjenja svakog kriterija uspjeha: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Specifične tehnike implementacije: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — Trenutna ARIA specifikacija: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Implementacijski obrasci za pristupačne widgete: w3.org/WAI/ARIA/apg/
• EN 301 549 — Europski ICT standard pristupačnosti
• Europski akt o pristupačnosti — Direktiva 2019/882 potpuni tekst

Alati za testiranje

Besplatni automatizirani alati za testiranje: axe DevTools proširenje preglednika, WAVE proširenje preglednika, Google Lighthouse (ugrađen u Chrome), IBM Equal Access Accessibility Checker, Pa11y (naredbeni redak).

Provjerači kontrasta: WebAIM Contrast Checker, Colour Contrast Analyser (desktop aplikacija), Chrome DevTools birač boja s omjerom kontrasta.

Čitači zaslona za testiranje: NVDA (besplatan, Windows), VoiceOver (ugrađen u macOS i iOS), TalkBack (ugrađen u Android), JAWS (komercijalni, Windows).

Razvojni alati preglednika: Chrome panel pristupačnosti, Firefox inspektor pristupačnosti, Edge DevTools značajke pristupačnosti.

Daljnje učenje

• W3C Web Accessibility Initiative (WAI) — Najautoritativniji izvor smjernica i standarda pristupačnosti: w3.org/WAI/
• WebAIM — Praktični resursi i obuka za pristupačnost: webaim.org
• The A11Y Project — Resurs za pristupačnost vođen zajednicom: a11yproject.com
• Deque University — Besplatni tečajevi pristupačnosti i certifikacija: dequeuniversity.com