Standardy · WCAG 2.2

SC 2.4.4 Poziom A WCAG 2.0

Cel łącza (w kontekście)

Cel każdego łącza musi być jasny z jego tekstu lub z tekstu łącza w połączeniu z otaczającym kontekstem — zdaniem, elementem listy, komórką tabeli lub akapitem. Użytkownicy czytników ekranu często słyszą łącza poza kontekstem, na liście łączy.

Czego wymaga kryterium

Gdy użytkownik czytnika ekranu wywołuje listę wszystkich łączy na stronie (powszechna strategia nawigacji), słyszy tekst łącza pozbawiony otaczającego tekstu. „Czytaj dalej” powtórzone 15 razy nic nie mówi. Kryterium dopuszcza dwie drogi spełnienia: tekst łącza sam w sobie jest opisowy, lub łącze w połączeniu z programowo ustalonym kontekstem (to samo zdanie, ten sam akapit, ten sam element listy, ten sam wiersz tabeli lub aria-label/aria-describedby) jednoznacznie określa cel.

Na poziomie zgodności AA wystarczy kontekst. Na poziomie AAA — zob. 2.4.9.

Jak spełnić kryterium

  • Należy pisać opisowe teksty łączy: „Przeczytaj raport o dostępności z 2026 roku” zamiast „Czytaj dalej”.
  • Jeśli projekt zakłada ogólne wezwanie do działania, nagłówek lub akapit bezpośrednio poprzedzający łącze powinien wskazywać cel, a oba elementy muszą należeć do tego samego zdania lub elementu listy.
  • W układach kart należy owijać całą kartę łączem lub stosować aria-labelledby wskazujące na nagłówek karty.
  • aria-label używa się do nadpisania tekstu łącza wyłącznie wówczas, gdy nie można zmienić widocznego tekstu — np. łącze z ikoną „→”, które powinno brzmieć „Następna strona: wyniki 21–40”.
  • W tabelach tekst łącza taki jak „Edytuj” lub „Usuń” spełnia kryterium, gdy kontekst wiersza (sąsiednia komórka z nazwą) wyjaśnia cel działania.

Typowe błędy

  • „Kliknij tutaj”, „Czytaj dalej”, „Więcej informacji”, „Tutaj” używane wielokrotnie na jednej stronie, każde z innym celem.
  • Siatka identycznych przycisków „Wyświetl” pod kartami produktów, gdzie nazwa produktu widnieje w nagłówku, ale nie jest programowo powiązana z łączem.
  • Łącze „Pobierz” bez wskazania, co jest pobierane — i bez aria-label ani kontekstu, który by to wyjaśniał.
  • Łącza graficzne z pustym tekstem alternatywnym i bez etykiety tekstowej w otoczeniu — czytniki ekranu odczytują URL.
  • „Więcej informacji” pojawiające się 30 razy na liście łączy jednej strony, każde prowadzące do innego artykułu.

Dlaczego to ważne

Pobieżne przeglądanie to sposób, w jaki użytkownicy czytników ekranu nawigują po długich stronach. Lista łączy i lista nagłówków to ich dwie główne mapy. Strona pełna łączy „Czytaj dalej” jest dźwiękowym odpowiednikiem wydruku, w którym każde łącze zastąpiono pustym podkreśleniem — technicznie nawigowalna, praktycznie bezużyteczna. Naprawienie tego kryterium niemal zawsze poprawia też SEO i współczynniki konwersji, ponieważ opisowe teksty łączy pomagają wszystkim użytkownikom.