WCAG 2.1 AA dla JST — checklista 47 punktów + przewodnik wdrożenia

TL;DR — co to jest WCAG 2.1 AA i dlaczego JST musi je wdrożyć

Definicja: WCAG 2.1 AA to zestaw wytycznych dotyczących dostępności treści internetowych, które mają na celu zapewnienie, że strony internetowe są dostępne dla jak najszerszej grupy użytkowników, w tym osób z różnymi rodzajami niepełnosprawności. Wdrożenie tych standardów jest obowiązkowe dla Jednostek Samorządu Terytorialnego w Polsce, co wynika z przepisów prawnych dotyczących dostępności cyfrowej.

W kontekście rosnącej liczby użytkowników internetu, w tym osób z niepełnosprawnościami, dostępność cyfrowa staje się kluczowym elementem w zapewnieniu równego dostępu do informacji i usług publicznych. Zgodnie z ustawą o dostępności cyfrowej, która weszła w życie 4 kwietnia 2019 r., wszystkie strony internetowe JST muszą spełniać standardy WCAG 2.1 AA. W Polsce, w 2024 roku, liczba gmin wynosiła 2 477, co oznacza, że każda z nich jest zobowiązana do dostosowania swoich zasobów internetowych do tych wymogów.

Wdrożenie standardów WCAG 2.1 AA nie tylko spełnia wymogi prawne, ale również przyczynia się do poprawy jakości usług świadczonych przez JST oraz zwiększa ich dostępność dla wszystkich obywateli. Warto zauważyć, że dostępność cyfrowa to nie tylko kwestia zgodności z przepisami, ale także etyka i odpowiedzialność społeczna. W tym artykule przedstawimy szczegółowy przewodnik dotyczący wdrożenia WCAG 2.1 AA w JST, w tym checklistę 47 punktów, które pomogą w ocenie i poprawie dostępności stron internetowych.

Podstawa prawna: Ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej (Dz.U. 2019 poz. 848)

Ustawa z dnia 4 kwietnia 2019 r. o dostępności cyfrowej (Dz.U. 2019 poz. 848) stanowi fundament prawny dla działań na rzecz dostępności cyfrowej w Polsce. Ustawa ta wprowadza obowiązek dostosowania stron internetowych oraz aplikacji mobilnych do standardów WCAG 2.1 AA, co jest szczególnie istotne dla Jednostek Samorządu Terytorialnego.

W myśl przepisów ustawy, wszystkie podmioty publiczne, w tym JST, muszą zapewnić dostępność swoich zasobów internetowych, co oznacza, że muszą być one dostępne dla osób z różnymi rodzajami niepełnosprawności. Ustawa definiuje dostępność cyfrową jako możliwość korzystania z treści internetowych przez wszystkie osoby, w tym osoby z niepełnosprawnościami, w sposób równy i bez przeszkód. Wprowadza również obowiązek sporządzania deklaracji dostępności, która informuje o stanie dostępności danej strony internetowej oraz o planowanych działaniach w tym zakresie.

Warto podkreślić, że zgodność z WCAG 2.1 AA jest nie tylko wymogiem prawnym, ale również krokiem w stronę budowania społeczeństwa obywatelskiego, w którym każdy ma równy dostęp do informacji i usług publicznych. Ustawa ta ma na celu nie tylko poprawę dostępności, ale także zwiększenie świadomości społecznej na temat potrzeb osób z niepełnosprawnościami.

W kontekście nadchodzących zmian w przepisach dotyczących dostępności cyfrowej, JST powinny być przygotowane na dostosowanie swoich stron internetowych do nowych wymogów, co może wiązać się z koniecznością przeprowadzenia audytów oraz szkoleń dla pracowników odpowiedzialnych za zarządzanie stronami internetowymi.

Cztery filary WCAG 2.1: Postrzegalność, Funkcjonalność, Zrozumiałość, Solidność

WCAG 2.1 AA opiera się na czterech podstawowych filarach, które stanowią fundament dla zapewnienia dostępności treści internetowych. Te filary to: Postrzegalność, Funkcjonalność, Zrozumiałość oraz Solidność.

• Postrzegalność: Treści muszą być przedstawione w sposób, który umożliwia ich percepcję przez wszystkich użytkowników. Obejmuje to m.in. odpowiedni kontrast kolorów, dostępność alternatywnych opisów dla obrazów oraz napisy dla materiałów audio i wideo.
• Funkcjonalność: Użytkownicy muszą mieć możliwość interakcji z treściami w sposób, który jest dla nich wygodny. Obejmuje to nawigację klawiaturą, dostępność formularzy oraz odpowiednie oznaczenie elementów interaktywnych.
• Zrozumiałość: Treści muszą być zrozumiałe dla wszystkich użytkowników. Obejmuje to jasny i prosty język, odpowiednie etykiety formularzy oraz pomoc w przypadku wystąpienia błędów.
• Solidność: Treści muszą być wystarczająco solidne, aby mogły być interpretowane przez różne technologie asystujące. Obejmuje to stosowanie standardów HTML oraz ARIA, które zapewniają kompatybilność z różnymi przeglądarkami i urządzeniami.

Według art. 3 ust. 1 ustawy o dostępności cyfrowej, wszystkie te filary są kluczowe dla zapewnienia, że strony internetowe są dostępne dla osób z różnymi rodzajami niepełnosprawności. Wdrożenie tych zasad w praktyce wymaga nie tylko technicznych umiejętności, ale także zrozumienia potrzeb użytkowników oraz ich oczekiwań.

W kontekście JST, wdrożenie tych filarów jest niezbędne do zapewnienia, że wszyscy obywatele mają równy dostęp do informacji i usług publicznych, co jest kluczowe dla budowania społeczeństwa obywatelskiego. W kolejnych sekcjach przedstawimy szczegółowe checklisty, które pomogą w ocenie i poprawie dostępności stron internetowych zgodnie z wytycznymi WCAG 2.1 AA.

Checklista 47 punktów — Postrzegalność (12 punktów: alt-text, kontrast, napisy, struktura)

Postrzegalność jest jednym z kluczowych filarów WCAG 2.1 AA. Obejmuje ona szereg wymagań, które mają na celu zapewnienie, że treści są dostępne dla wszystkich użytkowników. Poniżej przedstawiamy checklistę 12 punktów dotyczących postrzegalności:

1. Alternatywne teksty: Wszystkie obrazy muszą mieć przypisane alternatywne opisy (alt-text), które opisują ich zawartość.
2. Kontrast kolorów: Tekst musi być wystarczająco kontrastowy w stosunku do tła, aby był czytelny dla osób z wadami wzroku.
3. Napisy: Wszystkie filmy muszą mieć napisy, które umożliwiają zrozumienie treści osobom niesłyszącym lub niedosłyszącym.
4. Struktura nagłówków: Strona musi mieć odpowiednią strukturę nagłówków (H1, H2, H3), co ułatwia nawigację i zrozumienie treści.
5. Linki: Linki muszą być łatwe do zidentyfikowania i powinny mieć opisujące teksty, które informują użytkownika o ich przeznaczeniu.
6. Wizualne wskazówki: Elementy interaktywne muszą być wizualnie wyróżnione, aby użytkownicy mogli je łatwo zidentyfikować.
7. Formatowanie tekstu: Tekst musi być odpowiednio formatowany, aby był czytelny i zrozumiały dla wszystkich użytkowników.
8. Grafika informacyjna: Wszelkie grafiki, które przekazują informacje, muszą mieć alternatywne opisy.
9. Tablice: Tabele muszą być odpowiednio oznaczone, aby były zrozumiałe dla technologii asystujących.
10. Wideo i audio: Wszystkie multimedia muszą mieć dostępne transkrypcje oraz napisy.
11. Wielkość czcionki: Użytkownicy powinni mieć możliwość powiększenia tekstu bez utraty jego czytelności.
12. Kolory: Używane kolory muszą być dostosowane do potrzeb osób z daltonizmem.

Wdrożenie tych punktów w praktyce wymaga zaangażowania zespołów odpowiedzialnych za tworzenie i zarządzanie treściami internetowymi. Zgodność z tymi wymaganiami nie tylko poprawia dostępność, ale również zwiększa jakość treści, co jest korzystne dla wszystkich użytkowników.

Checklista 47 punktów — Funkcjonalność (14 punktów: nawigacja klawiaturą, focus, czas, etykiety)

Funkcjonalność jest drugim filarem WCAG 2.1 AA i odnosi się do interakcji użytkowników z treściami internetowymi. Poniżej przedstawiamy checklistę 14 punktów dotyczących funkcjonalności:

1. Nawigacja klawiaturą: Wszystkie elementy interaktywne muszą być dostępne za pomocą klawiatury.
2. Focus: Elementy interaktywne muszą być wizualnie oznaczone, gdy są aktywne (focus).
3. Czas na reakcję: Użytkownicy powinni mieć możliwość wydłużenia czasu na reakcję w przypadku interakcji wymagających czasu.
4. Etykiety formularzy: Wszystkie formularze muszą mieć odpowiednie etykiety, które jasno wskazują, jakie informacje są wymagane.
5. Obsługa błędów: System musi informować użytkowników o błędach w formularzach i sugerować poprawki.
6. Wielokrotne sposoby nawigacji: Użytkownicy powinni mieć różne sposoby nawigacji po stronie (np. menu, wyszukiwarka).
7. Linki do powrotu: Użytkownicy powinni mieć możliwość łatwego powrotu do poprzednich stron.
8. Przyciski akcji: Przyciski muszą być wyraźnie oznaczone i zrozumiałe dla użytkowników.
9. Wskazówki kontekstowe: Użytkownicy powinni otrzymywać wskazówki dotyczące interakcji w kontekście ich działań.
10. Ograniczenia czasowe: Użytkownicy powinni mieć możliwość wyłączenia lub wydłużenia ograniczeń czasowych w formularzach.
11. Przyciski nawigacyjne: Przyciski muszą być dostępne i intuicyjne w użyciu.
12. Wyszukiwanie: Funkcja wyszukiwania powinna być dostępna i efektywna.
13. Interaktywność: Elementy interaktywne muszą działać w sposób przewidywalny i zrozumiały.
14. Wskazówki dotyczące nawigacji: Użytkownicy powinni otrzymywać pomocne wskazówki dotyczące nawigacji po stronie.

Wdrożenie tych punktów jest kluczowe dla zapewnienia, że wszyscy użytkownicy, niezależnie od ich umiejętności, mogą korzystać z treści internetowych w sposób wygodny i efektywny. Dobre praktyki w tym zakresie przyczyniają się do zwiększenia satysfakcji użytkowników oraz poprawy jakości usług świadczonych przez JST.

Checklista 47 punktów — Zrozumiałość (11 punktów: język, etykiety formularzy, obsługa błędów, predykcje)

Zrozumiałość jest trzecim filarem WCAG 2.1 AA i odnosi się do tego, jak łatwo użytkownicy mogą zrozumieć treści i interakcje na stronie. Poniżej przedstawiamy checklistę 11 punktów dotyczących zrozumiałości:

1. Jasny język: Treści muszą być napisane w jasnym i zrozumiałym języku, dostosowanym do grupy docelowej.
2. Etykiety formularzy: Etykiety muszą być zrozumiałe i jasno wskazywać, jakie informacje są wymagane.
3. Obsługa błędów: System musi informować użytkowników o błędach w formularzach i sugerować poprawki.
4. Przewidywanie działań: System powinien przewidywać działania użytkowników i dostarczać odpowiednie sugestie.
5. Struktura treści: Treści muszą być logicznie uporządkowane i łatwe do śledzenia.
6. Pomoc kontekstowa: Użytkownicy powinni mieć dostęp do pomocy kontekstowej w razie potrzeby.
7. Definicje terminów: Niezrozumiałe terminy powinny być wyjaśnione lub zdefiniowane.
8. Przykłady: Użytkownicy powinni mieć dostęp do przykładów, które ilustrują, jak korzystać z funkcji strony.
9. Wskazówki dotyczące nawigacji: Użytkownicy powinni otrzymywać pomocne wskazówki dotyczące nawigacji po stronie.
10. Spójność: Elementy interaktywne muszą być spójne w całej witrynie, aby użytkownicy mogli łatwo je zrozumieć.
11. Przejrzystość: Użytkownicy powinni mieć możliwość łatwego zrozumienia, jakie działania są wymagane na stronie.

Wdrożenie tych punktów jest kluczowe dla zapewnienia, że wszyscy użytkownicy mogą zrozumieć treści i interakcje na stronie. Zrozumiałość treści jest niezbędna dla efektywnego korzystania z usług publicznych, co ma szczególne znaczenie w kontekście JST.

Checklista 47 punktów — Solidność (10 punktów: HTML5, ARIA, kompatybilność, status messages)

Solidność jest czwartym filarem WCAG 2.1 AA i odnosi się do tego, jak dobrze treści internetowe współpracują z różnymi technologiami asystującymi. Poniżej przedstawiamy checklistę 10 punktów dotyczących solidności:

1. HTML5: Strony muszą być tworzone zgodnie z standardami HTML5, co zapewnia ich poprawne wyświetlanie w różnych przeglądarkach.
2. ARIA: Wykorzystanie atrybutów ARIA (Accessible Rich Internet Applications) jest kluczowe dla poprawy dostępności interaktywnych elementów.
3. Kompatybilność: Treści muszą być kompatybilne z różnymi przeglądarkami i urządzeniami, w tym z technologiami asystującymi.
4. Status messages: System musi informować użytkowników o statusie ich działań, np. po wysłaniu formularza.
5. Walidacja kodu: Kod HTML musi być walidowany, aby uniknąć błędów, które mogą wpływać na dostępność.
6. Testowanie: Regularne testowanie dostępności jest niezbędne, aby upewnić się, że wszystkie elementy działają poprawnie.
7. Dokumentacja: Wszystkie elementy muszą być odpowiednio udokumentowane, aby ułatwić ich zrozumienie przez użytkowników.
8. Aktualizacje: Strony muszą być regularnie aktualizowane, aby zapewnić zgodność z nowymi standardami i technologiami.
9. Wydajność: Strony muszą działać wydajnie, aby nie wpływać negatywnie na doświadczenia użytkowników.
10. Bezpieczeństwo: Treści muszą być zabezpieczone przed atakami, aby chronić dane użytkowników.

Wdrożenie tych punktów jest kluczowe dla zapewnienia, że strony internetowe są solidne i współpracują z różnymi technologiami asystującymi, co jest niezbędne dla zapewnienia dostępności dla wszystkich użytkowników.

Audyt automatyczny vs manualny — narzędzia (axe, WAVE, Lighthouse, NVDA, JAWS)

Audyt dostępności stron internetowych jest kluczowym krokiem w procesie zapewnienia zgodności z WCAG 2.1 AA. Wyróżniamy dwa główne podejścia do audytu: automatyczne i manualne. Oba mają swoje zalety i ograniczenia.

Audyty automatyczne, takie jak te przeprowadzane za pomocą narzędzi takich jak axe, WAVE czy Lighthouse, pozwalają na szybkie zidentyfikowanie wielu problemów z dostępnością. Te narzędzia analizują kod strony i wskazują obszary, które wymagają poprawy. Jednakże, audyty automatyczne mają swoje ograniczenia. Nie są w stanie wychwycić wszystkich problemów, szczególnie tych, które dotyczą kontekstu użytkowania, takich jak zrozumiałość treści czy intuicyjność interakcji.

W przeciwieństwie do audytów automatycznych, audyty manualne przeprowadzane przez specjalistów ds. dostępności pozwalają na dokładniejszą ocenę strony. Pracownicy mogą przeanalizować, jak strona działa w praktyce, korzystając z technologii asystujących, takich jak NVDA czy JAWS. Dzięki temu możliwe jest zidentyfikowanie problemów, które mogą umknąć narzędziom automatycznym, takich jak trudności w nawigacji czy zrozumieniu treści.

Warto podkreślić, że najlepszym podejściem jest połączenie obu metod. Audyty automatyczne mogą być używane do wstępnej analizy, a następnie przeprowadzenie audytów manualnych w celu dokładniejszej oceny i weryfikacji wyników. Regularne audyty są niezbędne, aby zapewnić ciągłą zgodność z WCAG 2.1 AA oraz dostosowywać stronę do zmieniających się potrzeb użytkowników.

Deklaracja dostępności — obowiązek, wzór, terminy

Jednym z kluczowych wymogów wynikających z ustawy o dostępności cyfrowej jest sporządzenie deklaracji dostępności. Deklaracja ta jest dokumentem, który informuje użytkowników o stanie dostępności danej strony internetowej oraz o planowanych działaniach w tym zakresie.

W myśl przepisów, każda Jednostka Samorządu Terytorialnego jest zobowiązana do opublikowania deklaracji dostępności na swojej stronie internetowej. Deklaracja ta musi zawierać informacje o tym, które elementy strony są dostępne, jakie są ewentualne ograniczenia oraz jakie działania są podejmowane w celu poprawy dostępności.

Wzór deklaracji dostępności można znaleźć na stronie Ministerstwa Cyfryzacji, a jej publikacja powinna odbywać się w terminie do 30 grudnia każdego roku. Niezłożenie deklaracji lub jej niewłaściwe wypełnienie może prowadzić do sankcji, w tym kar administracyjnych.

Warto również zaznaczyć, że deklaracja dostępności powinna być regularnie aktualizowana, aby odzwierciedlała bieżący stan dostępności strony oraz podejmowane działania. Jest to kluczowy element budowania zaufania wśród użytkowników oraz zapewnienia przejrzystości działań JST w zakresie dostępności cyfrowej.

Sankcje za brak zgodności — 5 000 zł kary administracyjnej + utrata dofinansowań UE

Brak zgodności z wymogami dotyczącymi dostępności cyfrowej może prowadzić do poważnych konsekwencji dla Jednostek Samorządu Terytorialnego. Zgodnie z przepisami ustawy o dostępności cyfrowej, JST mogą być narażone na kary administracyjne w wysokości do 5 000 zł za brak spełnienia standardów WCAG 2.1 AA.

Oprócz kar finansowych, brak zgodności z wymogami dotyczącymi dostępności może również prowadzić do utraty możliwości ubiegania się o dofinansowania z funduszy unijnych. Wiele programów finansowych wymaga, aby beneficjenci spełniali określone standardy dostępności, co oznacza, że brak odpowiednich działań w tym zakresie może skutkować utratą cennych środków finansowych.

Warto również zauważyć, że konsekwencje te mogą mieć długofalowy wpływ na reputację JST. W dzisiejszych czasach, kiedy dostępność cyfrowa staje się coraz bardziej istotna, brak działań w tym zakresie może prowadzić do negatywnego postrzegania przez obywateli oraz utraty zaufania do instytucji publicznych.

Jak utrzymać zgodność po wdrożeniu — szkolenia, monitoring, rewizja co 3 lata

Utrzymanie zgodności z WCAG 2.1 AA po wdrożeniu jest równie ważne, jak samo wdrożenie. Wymaga to ciągłego monitorowania, szkoleń oraz rewizji treści i funkcji strony internetowej. Regularne audyty dostępności powinny być przeprowadzane co najmniej raz na trzy lata, aby upewnić się, że strona pozostaje zgodna z obowiązującymi standardami.

Szkolenia dla pracowników odpowiedzialnych za zarządzanie treściami internetowymi są kluczowe dla zapewnienia, że wszyscy rozumieją znaczenie dostępności oraz wiedzą, jak ją wdrażać w praktyce. Szkolenia te powinny obejmować zarówno aspekty techniczne, jak i zrozumienie potrzeb użytkowników z niepełnosprawnościami.

Monitoring dostępności strony internetowej powinien być prowadzony na bieżąco, aby szybko identyfikować i korygować wszelkie problemy. Warto również tworzyć dokumentację dotyczącą podejmowanych działań oraz wyników audytów, co pozwoli na lepsze zarządzanie dostępnością w przyszłości.

Utrzymanie zgodności z WCAG 2.1 AA to proces ciągły, który wymaga zaangażowania i świadomości ze strony wszystkich pracowników JST. Działania te przyczyniają się do budowania społeczeństwa obywatelskiego, w którym każdy ma równy dostęp do informacji i usług publicznych.

FAQ — Najczęściej zadawane pytania

Co to jest WCAG 2.1 AA?

WCAG 2.1 AA to zbiór wytycznych dotyczących dostępności treści internetowych, które mają na celu zapewnienie, że strony internetowe są użyteczne dla wszystkich użytkowników, w tym osób z niepełnosprawnościami. Wdrożenie tych standardów jest obowiązkowe dla Jednostek Samorządu Terytorialnego w Polsce.

Jakie są podstawowe filary WCAG 2.1?

Podstawowe filary WCAG 2.1 to: Postrzegalność, Funkcjonalność, Zrozumiałość oraz Solidność. Każdy z tych filarów ma swoje specyficzne wymagania, które muszą być spełnione, aby zapewnić dostępność treści internetowych.

Jakie są sankcje za brak zgodności z WCAG 2.1 AA?

Brak zgodności z wymogami dotyczącymi dostępności cyfrowej może prowadzić do kar administracyjnych w wysokości do 5 000 zł oraz utraty możliwości ubiegania się o dofinansowania z funduszy unijnych.

Jak często należy przeprowadzać audyty dostępności?

Audyty dostępności powinny być przeprowadzane co najmniej raz na trzy lata, aby upewnić się, że strona pozostaje zgodna z obowiązującymi standardami WCAG 2.1 AA.

Jakie narzędzia można wykorzystać do audytu dostępności?

Do audytu dostępności można wykorzystać narzędzia automatyczne, takie jak axe, WAVE czy Lighthouse, a także przeprowadzać audyty manualne z wykorzystaniem technologii asystujących, takich jak NVDA czy JAWS.

Co powinno zawierać deklaracja dostępności?

Deklaracja dostępności powinna zawierać informacje o stanie dostępności danej strony internetowej, ewentualnych ograniczeniach oraz planowanych działaniach w celu poprawy dostępności.