Zasoby i slownik dostepnosci stron internetowych

Ta strona sluzy jako punkt odniesienia dla terminologii dostepnosci, oficjalnych standardow, narzedzi i dalszej nauki. Dodaj ja do zakladek i wracaj, gdy potrzebujesz sprawdzic pojecie lub znalezc zasob.

Slownik terminow dostepnosci stron internetowych

Drzewo dostepnosci (Accessibility Tree) — Uproszczona reprezentacja DOM, ktora przegladarki tworza dla technologii wspomagajacych. Zawiera informacje semantyczne o elementach strony — ich nazwy, role, stany i wlasciwosci — ktore czytniki ekranu i inne technologie wspomagajace wykorzystuja do prezentowania tresci uzytkownikom.

Tekst alternatywny (Alt Text) — Opis tekstowy tresci nietekstowej, najczesciej obrazow. Tekst alternatywny jest odczytywany na glos przez czytniki ekranu i wyswietlany, gdy obrazy nie moga sie zaladowac. Powinien opisywac cel lub tresc obrazu, a nie jedynie jego wyglad wizualny.

ARIA (WAI-ARIA) — Accessible Rich Internet Applications. Specyfikacja W3C zapewniajaca dodatkowe atrybuty HTML w celu poprawy dostepnosci dynamicznych tresci internetowych i niestandardowych widgetow. ARIA dodaje informacje semantyczne dla technologii wspomagajacych, gdy natywna semantyka HTML jest niewystarczajaca.

Technologia wspomagajaca (Assistive Technology) — Sprzet lub oprogramowanie, ktore osoby z niepelnosprawnosciami uzywaja do interakcji z tresciami cyfrowymi. Przyklady obejmuja czytniki ekranu (JAWS, NVDA, VoiceOver), powiekszan ekranowe, alternatywne klawiatury, urzadzenia przelacznikowe, oprogramowanie rozpoznawania mowy i systemy sledzenia wzroku.

Zgodnosc (Conformance) — Stopien, w jakim tresci cyfrowe spelniaja wymagania konkretnego poziomu WCAG. Pelna zgodnosc na danym poziomie oznacza, ze wszystkie kryteria sukcesu na tym poziomie i ponizej sa spelnione dla calej strony.

EAA (European Accessibility Act) — Dyrektywa UE 2019/882 wymagajaca dostepnosci produktow i uslug, w tym e-commerce, bankowosci, transportu i telekomunikacji. Obowiazujaca od 28 czerwca 2025 roku.

EN 301 549 — Zharmonizowany europejski standard wymagan dostepnosci ICT. Wlacza WCAG dla tresci internetowych i zapewnia dodatkowe wymagania dla oprogramowania, dokumentow, sprzetu i technologii komunikacyjnych. Zgodnosc z EN 301 549 tworzy domniemanie zgodnosci z EAA.

Wskaznik fokusa (Focus Indicator) — Wskaznik wizualny (zazwyczaj ramka lub podswietlenie) pokazujacy, ktory element na stronie ma aktualnie fokus klawiatury. Niezbedny dla nawigacji klawiatura.

Punkt orientacyjny (Landmark) — Region strony zidentyfikowany jako majacy konkretny cel strukturalny, umozliwiajacy uzytkownikom technologii wspomagajacych bezposrednia nawigacje do niego. Typowe punkty orientacyjne obejmuja baner, nawigacje, glowna tresc, tresc uzupelniajaca i informacje o stronie. Tworzone przez elementy sekcjonujace HTML5 lub role punktow orientacyjnych ARIA.

Region live (Live Region) — Obszar strony internetowej, ktory aktualizuje sie dynamicznie i ktorego zmiany powinny byc oglaszane przez technologie wspomagajace bez koniecznosci nawigowania uzytkownika do tego obszaru. Definiowany za pomoca atrybutu aria-live z wartosciami "polite" (oglaszany przy nastepnej dogodnej przerwie) lub "assertive" (oglaszany natychmiast).

POUR — Cztery zasady WCAG: Postrzegalnosc (Perceivable), Funkcjonalnosc (Operable), Zrozumialosc (Understandable), Solidnosc (Robust). Wszystkie wytyczne i kryteria sukcesu WCAG sa zorganizowane wedlug tych zasad.

Czytnik ekranu (Screen Reader) — Oprogramowanie technologii wspomagajacej konwertujace tresc ekranowa na mowe lub wyjscie brajlowskie. Czytniki ekranu interpretuja drzewo dostepnosci, aby prezentowac tresc, nawigowac po strukturze strony i wchodzic w interakcje z kontrolkami.

Semantyczny HTML (Semantic HTML) — Znaczniki HTML przekazujace znaczenie o tresci, ktora zawieraja, w przeciwienstwie do jedynie definiowania jej wygladu. Uzycie <nav> zamiast <div class="nav">, <button> zamiast <span onclick> i <h2> zamiast <div class="heading"> to przyklady semantycznego HTML.

Link pomijajacy (Skip Link) — Mechanizm nawigacyjny, zazwyczaj pierwszy fokusowalny element na stronie, umozliwiajacy uzytkownikom klawiatury pominiecie powtarzajacych sie blokow tresci (takich jak menu nawigacyjne) i przejscie bezposrednio do glownej tresci.

Kryterium sukcesu (Success Criterion) — Konkretne, testowalne wymaganie w ramach WCAG. Kazde kryterium sukcesu ma przypisany numer (np. 1.4.3), nazwe opisowa (Kontrast — minimum) i poziom zgodnosci (A, AA lub AAA).

VPAT (Voluntary Product Accessibility Template) — Ustandaryzowany format dokumentu uzywany do opisywania, w jaki sposob produkt lub usluga spelnia standardy dostepnosci. VPAT sa powszechnie wymagane w procesach zamowien publicznych, szczegolnie w sektorze publicznym USA.

WCAG (Web Content Accessibility Guidelines) — Miedzynarodowy standard dostepnosci stron internetowych publikowany przez W3C. Obecna wersja to WCAG 2.2, zawierajaca 86 kryteriow sukcesu zorganizowanych wedlug czterech zasad i trzynastu wytycznych.

Oficjalne standardy i specyfikacje

• WCAG 2.2 — Obecna rekomendacja W3C dla dostepnosci tresci internetowych: w3.org/TR/WCAG22/
• Understanding WCAG 2.2 — Szczegolowe wyjasnienia kazdego kryterium sukcesu: w3.org/WAI/WCAG22/Understanding/
• Techniques for WCAG 2.2 — Konkretne techniki implementacji: w3.org/WAI/WCAG22/Techniques/
• WAI-ARIA 1.2 — Obecna specyfikacja ARIA: w3.org/TR/wai-aria-1.2/
• ARIA Authoring Practices Guide — Wzorce implementacji dostepnych widgetow: w3.org/WAI/ARIA/apg/
• EN 301 549 — Europejski standard dostepnosci ICT
• European Accessibility Act — Dyrektywa 2019/882 pelny tekst

Narzedzia testowania

Bezplatne narzedzia automatycznego testowania: rozszerzenie przegladarki axe DevTools, rozszerzenie przegladarki WAVE, Google Lighthouse (wbudowany w Chrome), IBM Equal Access Accessibility Checker, Pa11y (linia polecen).

Narzedzia do sprawdzania kontrastu: WebAIM Contrast Checker, Colour Contrast Analyser (aplikacja desktopowa), selektor kolorow Chrome DevTools ze wspolczynnikiem kontrastu.

Czytniki ekranu do testowania: NVDA (bezplatny, Windows), VoiceOver (wbudowany w macOS i iOS), TalkBack (wbudowany w Android), JAWS (komercyjny, Windows).

Narzedzia developerskie przegladarek: panel dostepnosci Chrome, Inspektor dostepnosci Firefox, funkcje dostepnosci Edge DevTools.

Dalsze zrodla wiedzy

• W3C Web Accessibility Initiative (WAI) — Najbardziej autorytatywne zrodlo wskazowek i standardow dostepnosci: w3.org/WAI/
• WebAIM — Praktyczne zasoby i szkolenia dotyczace dostepnosci: webaim.org
• The A11Y Project — Spolecznosciowy zasob dotyczacy dostepnosci: a11yproject.com
• Deque University — Bezplatne kursy dostepnosci i certyfikacja: dequeuniversity.com