Strony internetowe placówek medycznych powinny być dostępne dla wszystkich, w tym dla osób z niepełnosprawnościami. Niestety, wiele z nich zawiera błędy, które utrudniają lub uniemożliwiają korzystanie z usług pacjentom np. z dysfunkcjami wzroku, słuchu czy ruchu. Przedstawiamy najczęstsze naruszenia zasad WCAG (Web Content Accessibility Guidelines) oraz praktyczne wskazówki, jak je poprawić.

Strona WCAG — jakie błędy najczęściej popełniają placówki medyczne?

1. Brak odpowiedniego kontrastu kolorów

Problem: Tekst w kolorze jasnoszarym na białym tle lub czerwony na zielonym jest trudny do odczytania dla osób z zaburzeniami widzenia.
Jak można to poprawić?

• Użyj narzędzi takich jak WebAIM Contrast Checker, aby sprawdzić, czy kontrast między tekstem a tłem wynosi co najmniej 4,5:1 (dla zwykłego tekstu) lub 3:1 dla dużego tekstu (powyżej 18 pt).

• Unikaj przekazywania informacji wyłącznie za pomocą koloru (np. „Czerwone pola są wymagane”).

2. Brak opisów alternatywnych (alt text) dla obrazków

Problem: Osoby korzystające z czytników ekranu nie otrzymują informacji o zdjęciach, grafach czy infografikach.
Jak można to poprawić?

• Dodaj alt text do każdego obrazka, np.:

  • ❌ Złe: <img src="/lekarz.jpg" alt="">

  • ✅ Dobre: <img src="/lekarz.jpg" alt="Lekarz w białym kitlu przeprowadza badanie pacjenta">

     

• Jeśli obrazek jest dekoracyjny, użyj pustego alt (alt=""), aby czytnik go pominął.

3. Nieprawidłowa struktura nagłówków

Problem: Stosowanie nagłówków (H1, H2, H3) tylko dla stylizacji zamiast hierarchii informacji utrudnia nawigację.
Jak można to poprawić?

• Upewnij się, że nagłówki tworzą logiczną strukturę, np.:

  <h1>Przychodnia Medyczna XYZ</h1>
  <h2>Usługi</h2>
  <h3>Badania laboratoryjne</h3>

• Unikaj pomijania poziomów (np. H1 → H3).

4. Formularze bez etykiet i komunikatów błędów

Problem: Brak opisów pól formularza (np. „Imię i nazwisko”) lub nieczytelne komunikaty błędów (np. „Nieprawidłowe dane”).
Jak można to poprawić?

• Każde pole powinno mieć label, np.:

  html

  <label for="name">Imię i nazwisko:</label>
  <input type="text" id="name" name="name">

• Komunikaty błędów powinny być konkretne (np. „Podaj prawidłowy adres e-mail”).

5. Brak możliwości nawigacji klawiaturą

Problem: Niektóre elementy (np. menu, przyciski) nie działają przy użyciu klawisza Tab.
Jak można to poprawić?

• Prztestuj stronę, naciskając Tab – czy widać fokus na interaktywnych elementach?

• Użyj tabindex="0" dla ważnych elementów, które powinny być dostępne z klawiatury.

6. Filmy bez napisów i transkrypcji

Problem: Materiały wideo nie mają napisów dla osób niesłyszących.
Jak można to poprawić?

• Dodaj napisy (CC) do filmów (np. na YouTube można włączyć automatyczne napisy, ale lepiej je poprawić ręcznie).

• Dla podcastów i nagrań audio przygotuj transkrypcję tekstową.

7. Dokumenty PDF niedostępne

Problem: Skany skierowań lub formularzy w PDF są nieczytelne dla czytników ekranu.
Jak można to poprawić?

• Zamiast skanów używaj edytowalnych plików PDF z tekstem (nie obrazem).

• Sprawdź dostępność PDF w narzędziu Adobe Acrobat Accessibility Checker.

Placówka medyczna przyjazna dla pacjentów

Dostępność strony internetowej placówki medycznej to nie tylko wymóg prawny (m.in. Dyrektywa UE 2016/2102), ale także kwestia etyczna. Poprawiając błędy WCAG, ułatwiasz pacjentom dostęp do informacji i usług medycznych. Warto regularnie testować stronę wykonując audyt WCAG.

Dzięki tym wszystkim działaniom strona WCAG Twojej placówki stanie się bardziej przyjazna dla wszystkich pacjentów.