Dlaczego dostępność ma znaczenie — poziomy WCAG

Dostępność sieci oznacza zapewnienie osobom z niepełnosprawnościami możliwości postrzegania, rozumienia, nawigowania po sieci i korzystania z niej:

• Niepełnosprawności wzroku — ślepota, słabowzroczność, daltonizm
• Niepełnosprawności ruchowe — brak możliwości korzystania z myszy
• Niepełnosprawności słuchu — głuchota
• Niepełnosprawności poznawcze — dysleksja, ADHD, problemy z pamięcią

Dostępność jest ważna z wielu powodów:

• Prawo człowieka — każdy powinien mieć dostęp do sieci
• Wymóg prawny — ADA, Section 508, EU Accessibility Act
• Argument biznesowy — 15% światowej populacji ma niepełnosprawność (1 miliard osób)
• SEO — dostępne witryny często zajmują wyższe pozycje w wynikach
• Lepsze doświadczenie dla wszystkich — efekt obniżonego krawężnika: napisy pomagają w hałaśliwym otoczeniu

WCAG (Web Content Accessibility Guidelines) to międzynarodowy standard dostępności sieci opublikowany przez W3C:

• Aktualna wersja: WCAG 2.1 (szeroko stosowana), WCAG 2.2 (2023)
• WCAG 3.0 jest w trakcie opracowywania
• Standard opiera się na 4 zasadach: POUR

WCAG opiera się na czterech podstawowych zasadach. Treść musi być:

• Postrzegalna — użytkownicy muszą mieć możliwość postrzegania informacji
• Operowalna — użytkownicy muszą mieć możliwość obsługi interfejsu
• Uzrozumiała — treść musi być zrozumiała
• Robustna — treść musi działać z obecnymi i przyszłymi technologiami asystującymi

WCAG ma trzy poziomy zgodności:

• Poziom A — minimalny; musi zostać spełniony. Bez niego całe grupy użytkowników są wykluczone.
• Poziom AA — zalecany dla większości witryn; wymagany przez większość przepisów
• Poziom AAA — idealny, ale niewymagany; bardzo wysoki standard

Najważniejsze wymagania poziomu A:

• Wszystkie obrazy mają tekst alternatywny
• Każdy materiał audio ma transkrypcję lub napisy
• Żadna treść nie miga częściej niż 3 razy na sekundę (ryzyko napadu padaczkowego)
• Użytkownicy mogą wstrzymywać, zatrzymywać lub ukrywać poruszającą się treść
• Cała funkcjonalność jest dostępna za pomocą klawiatury

Wymagania poziomu AA (standardowy cel):

• Współczynnik kontrastu tekstu: co najmniej 4.5:1
• Wskaźniki fokusu interfejsu są widoczne
• Powiększenie tekstu do 200% nie zaburza układu
• Formularze mają prawidłowe etykiety
• Komunikaty o błędach wskazują i opisują błędy
• Nawigacja jest spójna na wszystkich stronach

Wymagania poziomu AAA (docelowe):

• Współczynnik kontrastu tekstu: co najmniej 7:1
• Tłumaczenie treści audio na język migowy
• Poziom trudności tekstu: nie wyższy niż poziom 9. klasy
• Obciążenie poznawcze jest zminimalizowane
• Można wyłączyć limity czasu sesji

Przepisy dotyczące dostępności sieci na świecie:

• USA — ADA (Americans with Disabilities Act), Section 508 (prawo federalne)
• UE — European Accessibility Act (EAA) — obowiązuje od 2025 roku
• Wielka Brytania — Equality Act 2010, przepisy dotyczące sektora publicznego
• Kanada — AODA, ACA
• Australia — DDA (Disability Discrimination Act)

Dostępne witryny przynoszą korzyści wszystkim:

• Napisy pomagają w hałaśliwym otoczeniu
• Dobry kontrast kolorów pomaga w jasnym świetle słonecznym
• Nawigacja za pomocą klawiatury pomaga zaawansowanym użytkownikom
• Jasny język pomaga osobom, dla których dany język nie jest ojczysty
• 15% użytkowników ma niepełnosprawność — to znacząca grupa odbiorców

Jak zacząć tworzyć dostępne witryny:

1. Należy prawidłowo używać semantycznych elementów HTML
2. Należy przeprowadzić test za pomocą klawiatury: czy można korzystać z witryny bez myszy?
3. Należy sprawdzić współczynniki kontrastu za pomocą WebAIM Contrast Checker
4. Należy dodać tekst alternatywny do wszystkich istotnych obrazów
5. Należy uruchomić audyt dostępności Lighthouse
6. Należy przetestować witrynę za pomocą bezpłatnego czytnika ekranu (NVDA lub VoiceOver)

Jaki poziom zgodności z WCAG jest najczęściej wymagany przez przepisy dotyczące dostępności?

Najważniejsze informacje o WCAG:

• POUR: postrzegalność, operowalność, zrozumiałość, solidność
• Poziom A — minimalny; musi zostać spełniony
• Poziom AA — zalecany; wymagany przez większość przepisów
• Poziom AAA — idealny; nie jest wymagany dla całej witryny
• Należy zacząć od semantycznego HTML, nawigacji za pomocą klawiatury i tekstów alternatywnych