Aktualności

O dostępności mówi się coraz więcej – m.in. za sprawą Europejskiego Aktu o Dostępności, którego wymogi wdrożono do polskiego prawa w czerwcu ubiegłego roku. Zgodnie z nimi produkty i usługi powinny uwzględniać potrzeby wszystkich użytkowników, w tym osób z niepełnosprawnościami wzroku, słuchu i ruchu. To jednak nie pierwsze tego typu rozwiązanie. Już w 2019 r. w Polsce przyjęto ustawę o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych, wdrażającą unijną dyrektywę Web Accessibility Directive.

Dziś dostępność cyfrowa jest także wymogiem wielu projektów finansowanych z funduszy europejskich. Strony internetowe, publikacje czy multimedia tworzone w ramach takich działań muszą być dostępne dla wszystkich. W tym numerze „Europy dla Aktywnych” przyglądamy się dostępności stron internetowych. W kolejnych – skupimy się na dokumentach, publikacjach, multimediach i wydarzeniach.

Czym jest dostępna strona internetowa?

To miejsce w sieci, z którego każdy może skorzystać samodzielnie. Taką stronę można: 

• przyswoić poszczególnymi zmysłami (np. tylko wzrokiem lub słuchem), 
• obsłużyć za pomocą samej klawiatury, 
• łatwo zrozumieć dzięki jasnej treści, 
• odczytać dzięki technologiom asystującym, np. czytnikom ekranu. 

Aby stworzyć dostępną stronę internetową, należy odwołać się do Wytycznych dla dostępności treści internetowych (WCAG 2.1, bit.ly/42nMaNJ) na poziomie AA, które w Polsce stanowią załącznik do Ustawy o dostępności cyfrowej. Oto skrót najważniejszych z nich:

Treść jest tekstem

• Tekst na stronie musi być maszynowy, czyli możliwy do zaznaczenia kursorem. Tekst maszynowy pozwala także na swobodne powiększenie czcionki.
• Czytniki ekranu, z których korzystają osoby niewidome, nie potrafią interpretować obrazów, dlatego teksty zapisane w formie obrazu (np. zeskanowane dokumenty) muszą mieć dodatkowo tekstową alternatywę.
• To samo dotyczy istotnych zdjęć i grafik – powinny mieć krótki opis odczytywany w miejscu obrazu. 

 Logiczna struktura

• Treść należy podzielić na sekcje tematyczne za pomocą nagłówków – nie może tworzyć zwartej „ściany tekstu”.
• Nagłówki muszą mieć właściwą hierarchię. H1 to tytuł główny (jeden na stronie), 
• H2 – tytuły najważniejszych rozdziałów, H3 – tytuły podrozdziałów itd.
• Ciągłość numeracji musi zostać zachowana. 
• Dla osób niewidomych nagłówki są jak spis treści – pozwalają błyskawicznie przeskoczyć do interesującej sekcji bez słuchania całej strony od początku. 

Kolor i kontrast

• Kolor tekstu musi wyraźnie odcinać się od koloru tła. Do sprawdzenia kontrastu służy Contrast Checker (bit.ly/3RxMVRR).
• Informacje nie powinny być przekazywane wyłącznie za pomocą barw. Jeśli np. błąd w formularzu jest zaznaczony na czerwono, należy dodać także ikonę wykrzyknika lub komunikat tekstowy.
• Linki w tekście powinny być wyróżnione także podkreśleniem.

Obsługa klawiaturą

• Osoby z porażeniem mózgowym, chorobą Parkinsona czy niewidome nie korzystają z myszy. Dlatego każdy użytkownik powinien być w stanie dotrzeć do wszystkich elementów strony (menu, linki, przyciski) za pomocą klawisza Tab. Aktywowanie powinno się odbywać za pomocą klawiszy Enter/Spacja.
• Miejsce, w którym aktualnie znajduje się kursor klawiatury (tzw. fokus), musi być zaznaczone obramowaniem.  

Intuicyjność i responsywność

• Strona musi działać logicznie, a menu i przyciski – znajdować się w spodziewanych miejscach.
• Użytkownik powinien mieć do dyspozycji dodatkowo wyszukiwarkę lub mapę strony.
• Strona powinna wyświetlać się poprawnie i na monitorze komputera, i na ekranie smartfona.
• Przejrzysty układ pomaga szczególnie osobom z niepełnosprawnością intelektualną lub zaburzeniami koncentracji. 

Bez dźwięków i błysków

• Elementy, które poruszają się automatycznie, powinny mieć przycisk „Zatrzymaj”.
• Należy unikać na stronie elementów dźwiękowych, które włączają się same. 
• Treści nie powinny migać częściej niż trzy razy na sekundę. Jeśli strona zawiera intensywne efekty świetlne, musi pojawić się wyraźne ostrzeżenie.
• Nagłe dźwięki mogą zdezorientować osoby korzystające z czytników ekranu, a migające światła wywołać atak padaczki. Ruchome obrazy rozpraszają uwagę.

Zainteresował Cię ten tekst?
Przejrzyj pełne wydanie Europy dla Aktywnych 2/2026: