WCAG – Podstawa Europejskiego Aktu o Dostępności

Europejski akt o dostępności (EAA – European Accessibility Act) to dyrektywa UE, która zobowiązuje firmy do dostosowania swoich produktów i usług do potrzeb osób z niepełnosprawnościami. Od czerwca 2025 r. wymogi te obejmą sklepy internetowe, banki, aplikacje mobilne, e-booki oraz strony firm świadczących usługi dla konsumentów.

To, jak projektować strony www i aplikacje mobilne zgodnie z EAA, wskazują Web Content Accessibility Guidelines (WCAG). Obejmują one 4 zasady, których wprowadzenie może wymagać wykonania wielu czynności (za: gov.pl):

1. Spraw, by użytkownicy mogli korzystać ze strony internetowej lub aplikacji za pomocą dostępnych dla nich zmysłów. Jak?

• Wyposaż obrazki i zdjęcia w tzw. alt teksty, aby osoby niewidome mogły się dowiedzieć, co one przedstawiają.
• Przygotuj transkrypcje materiałów audio i wideo, filmy opatrz też napisami i audiodeskrypcją.
• Stosuj nagłówki, listy itp., aby tekst miał logiczną, przejrzystą strukturę.
• Wprowadź wyróżnienia, które nie opierają się tylko na kolorze.
• Wybierając kolory tekstu, postaw na takie, które będą łatwo się odróżniać od tła.
• Zadbaj o to, aby po powiększeniu tekstu o 200 czy nawet 400% treści i funkcje dalej były widoczne i łatwo dostępne.
• Zadbaj o responsywność, czyli o to, aby widok ekranu automatycznie dostosowywał się do szerokości ekranu danego urządzenia.

2. Spraw, by użytkownicy mogli znajdować i używać treści oraz funkcji niezależnie od tego, jak nawigują. Obejmuje to przede wszystkim umożliwienie obsługiwania strony zarówno za pomocą samej myszki, jak i samej klawiatury, ale też:

• możliwość zatrzymywania i wyłączenia poruszających się treści, zrezygnowanie z migających elementów;
• umieszczenie linków pozwalających szybko przejść do treści;
• zadbanie o to, aby tytuły stron i nagłówki tekstów były zgodne z ich treścią i zrozumiałe;
• właściwe opisanie linków, aby było dokładnie wiadomo, dokąd one prowadzą;
• w przypadku formularzy – etykiety jasno wskazujące, co należy wpisać w danym polu;
• unikanie złożonych gestów na ekranach dotykowych, zastąpienie ich prostszymi;
• możliwość wyłączania i zmiany skrótów klawiaturowych.

3. Spraw, by użytkownicy rozumieli treści i sposób działania strony lub aplikacji. Tutaj w grę wchodzą zasady tzw. prostego języka. W myśl tej reguły powinieneś też:

• wyjaśnić wszelkie użyte skróty;
• określić w kodzie strony/aplikacji, jaki jest język przedstawianych treści;
• zadbać o spójne działanie elementów na wszystkich podstronach i ich jednolity wygląd;
• zadbać o zrozumiałość formularzy – oprócz widocznych i zrozumiałych etykiet, o których mówiliśmy w poprzednim punkcie, również jasne komunikaty o błędach i podpowiedzi, jak je poprawić.

4. Spraw, by treści i funkcje działały poprawnie w wielu różnych programach użytkowników (nie tylko w przeglądarkach internetowych, lecz także np. czytnikach dla osób niewidomych). Ta zasada odnosi się do kwestii stricte technicznych, takich jak zgodność kodu ze standardem sieciowym HTML.

Brak zgodności z EAA może skutkować karami finansowymi, a także utratą klientów i negatywnym wizerunkiem marki. Coraz więcej osób zwraca uwagę na dostępność cyfrową, dlatego firmy, które spełnią te wymogi, zyskają przewagę konkurencyjną.

• Uniknięcie kar i spełnienie wymogów prawnych.
• Większa liczba użytkowników i lepsze wyniki SEO.
• Poprawa wizerunku firmy jako nowoczesnej i inkluzywnej.
• Łatwiejszy dostęp dla wszystkich użytkowników, w tym osób starszych i z niepełnosprawnościami.

• Audyt dostępności – sprawdzimy, które elementy strony wymagają poprawy.
• Dostosowanie treści – uproszczenie języka, dodanie opisów ALT i napisów do wideo.
• Kompleksowe wsparcie – zapewniamy dostosowanie stron w wielu językach europejskich.