Zasada 2: Funkcjonalność 2.4 Możliwość nawigacji

2.4.4 Cel łącza (w kontekście)

WCAG 2.4.4 Link Purpose (In Context)

W skrócie

Z treści linku (albo z linku i jego najbliższego kontekstu, np. zdania lub akapitu) musi wynikać, dokąd prowadzi.

Poziom
A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Redakcja treści, Programowanie
Jak to wykryć
Częściowo automatyczne

Wyjaśnienie prostym językiem: Tekst linku

Komu i dlaczego to pomaga

Użytkownicy czytników ekranu często przeglądają listę samych linków. Lista dziesięciu „Czytaj więcej” i „Kliknij tutaj” jest bezużyteczna.

  • Osoby niewidome
  • Osoby z trudnościami poznawczymi

Jak zrobić to dobrze

  • Pisz linki opisowo: „Pobierz wniosek o dowód osobisty (PDF, 120 KB)”.
  • Przy „Czytaj więcej” dodaj tytuł artykułu, np. w tekście ukrytym wizualnie.

Najczęstsze błędy

  • Linki „kliknij tutaj”, „więcej”, „link”.
  • Linki będące gołym adresem URL.
  • Ikony-linki (np. do PDF) bez nazwy.
  • Linki do plików bez informacji o formacie i rozmiarze.

Przykład w kodzie

Źle
Wniosek pobierzesz <a href="wniosek.pdf">tutaj</a>.
Dobrze
<a href="wniosek.pdf">Pobierz wniosek o dofinansowanie (PDF, 120 KB)</a>

Jak to sprawdzić

  1. Wyświetl listę linków (w NVDA: Insert+F7) i sprawdź, czy każdy jest zrozumiały.
  2. Wyszukaj na stronie frazy „kliknij tutaj”, „więcej”.

Częściowo automatyczne. Narzędzia wykryją część problemów (np. brak atrybutu), ale ocena jakości wymaga człowieka.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu A z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Naucz się tego w praktyce

Zobacz wszystkie kursy dostępności

Powiązane kryteria

1.1.1

Treść nietekstowa

Poziom A Wymagane prawem

Każdy obrazek, ikona, wykres czy przycisk graficzny musi mieć tekstowy odpowiednik, który przekazuje tę samą informację. Grafiki czysto dekoracyjne należy ukryć przed czytnikami ekranu.

2.5.3

Etykieta w nazwie

Poziom A Wymagane prawem

Dostępna nazwa elementu (odczytywana przez czytnik, używana przy sterowaniu głosem) zawiera tekst, który widać na etykiecie – najlepiej na początku.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.4.4: Link Purpose (In Context) – oficjalne objaśnienie W3C (po angielsku).