Co to są zasady WCAG i dlaczego Cię dotyczą?

Tworzysz stronę internetową, blog, sklep lub portfolio?
Jeśli tak – WCAG dotyczy również Ciebie, nawet jeśli nigdy o tym nie słyszałeś.

WCAG to zbiór zasad, które mają sprawić, że strony www będą dostępne dla wszystkich – w tym osób niewidomych, niesłyszących, z niepełnosprawnością ruchową czy poznawczą.
I choć temat brzmi „urzędowo”, w praktyce chodzi o dobrą jakość i użyteczność Twojej strony.

Co to jest WCAG?

WCAG to skrót od Web Content Accessibility Guidelines – czyli Wytyczne dot. Dostępności Treści Internetowych.

W skrócie: to międzynarodowy standard mówiący o tym, jak tworzyć strony przyjazne dla każdego użytkownika – niezależnie od jego ograniczeń fizycznych, technologicznych czy poznawczych.

Aktualna wersja:

• WCAG 2.1 (z 2018 r.) – nadal obowiązujący fundament.
• WCAG 2.2 (z września 2023 r.) – wprowadza 9 nowych kryteriów.
• WCAG 2.2 i 2.1 będą kluczowe w latach 2024/2025.

Dlaczego WCAG dotyczy Ciebie?

Bo chodzi o Twoich użytkowników

Nawet jeśli nie tworzysz stron dla instytucji publicznych, możesz mieć odbiorców z różnymi potrzebami: osoby starsze, z wadami wzroku, używające czytników ekranu czy poruszające się tylko za pomocą klawiatury.

Bo dostępność to dobre UX (user experience)

Strona WCAG-friendly jest czytelniejsza, prostsza, szybsza – dla każdego.

Bo mogą Cię obowiązywać przepisy

W Polsce od 2025 r. akt prawny „European Accessibility Act” zacznie dotyczyć nie tylko urzędów, ale też części e-commerce, banków, firm technologicznych.

4 filary WCAG (główne zasady):

• Postrzegalność (Perceivable) – treść musi być widoczna/słyszalna (np. tekst alternatywny do obrazów).
• Funkcjonalność (Operable) – użytkownik może korzystać ze strony różnymi metodami (np. bez myszy).
• Zrozumiałość (Understandable) – język i interfejs muszą być czytelne i logiczne.
• Solidność (Robust) – strona musi działać poprawnie w różnych przeglądarkach, czytnikach i urządzeniach.

Co się zmieniło w WCAG 2.2 (ważne w 2024/2025)?

Oto kilka nowych kryteriów dostępności, które warto znać:

2.4.11 – Focus not Obscured (Minimum)

Podczas nawigacji klawiaturą aktywny element nie może być zasłonięty, np. przez sticky header.

2.4.12 – Focus not Obscured (Enhanced)

Podobnie jak wyżej – ale nic nie może zasłaniać nawet częściowo aktywnego elementu.

2.5.7 – Dragging Movements

Nie każ użytkownikowi „przeciągać” elementów (drag&drop), jeśli nie ma alternatywy.

2.5.8 – Target Size (Minimum)

Interaktywne elementy (np. przyciski) powinny mieć co najmniej 24×24 px, by można było łatwo kliknąć je palcem.

3.2.6 – Consistent Help

Pomoc (np. kontakt, czat, FAQ) powinna być dostępna na każdej stronie, jeśli raz została udostępniona.

Od czego zacząć? (Proste kroki):

• Dodaj opisy alternatywne (alt) do obrazków
• Zadbaj o kontrast tekstu i tła
• Sprawdź działanie strony bez myszki (nawigacja tabulatorem)
• Zadbaj o responsywność – także dla starszych użytkowników
• Używaj prostego, zrozumiałego języka

Podsumowanie:

Dostępność to nie tylko obowiązek, ale dobry styl projektowania. WCAG to nie sucha lista zakazów – to zbiór zasad, które sprawiają, że Twoja strona jest lepsza dla każdego.

Zadbaj o WCAG, jeśli:

• chcesz, by każdy użytkownik czuł się dobrze na Twojej stronie
• tworzysz sklep, blog lub portfolio, które ma działać bez barier
• chcesz być przygotowany na zmiany prawne, które wejdą w życie w 2025 roku