Standardy · WCAG 2.2

SC 2.4.9 Poziom AAA WCAG 2.0

Cel łącza (tylko łącze)

Ściślejsza wersja AAA kryterium 2.4.4: sam tekst łącza — bez otaczającego kontekstu — musi jednoznacznie identyfikować cel. „Czytaj więcej" nie spełnia wymagania, nawet gdy poprzedzające zdanie je wyjaśnia. Kryterium zaprojektowano z myślą o użytkownikach czytników ekranu nawigujących przez listę łączy.

Czego wymaga

To jest kryterium 2.4.4 z usuniętą siatką bezpieczeństwa. Na poziomie AA tekst łącza „w kontekście” jest wystarczający — zdanie przed nim, wiersz tabeli wokół, nagłówek karty obok. Na poziomie AAA sam tekst łącza musi być wystarczający. Przypadek użycia to użytkownicy czytników ekranu otwierający okno dialogowe z listą łączy i słyszący każde łącze zupełnie poza kontekstem; jeśli „Czytaj więcej” pojawia się na liście 12 razy, nie mają możliwości wyboru właściwego.

To kryterium jest też użytecznym celem dla każdego zespołu dbającego o dostępność poznawczą, ponieważ samo-opisujące łącza pomagają użytkownikom z ADHD, dysleksją i trudnościami z pamięcią.

Jak spełnić wymaganie

  • Zastąp każde generyczne CTA („Czytaj więcej”, „Dowiedz się więcej”, „Zobacz”) tekstem opisującym cel: „Przeczytaj raport dostępności 2026".
  • W układach kart, gdzie design wymaga krótkiego CTA, ukryj dodatkowy kontekst wewnątrz łącza za pomocą elementu .visually-hidden: Czytaj więcej <span class="visually-hidden">o raporcie 2026</span>.
  • Dla powtarzających się akcji w wierszach tabel (Edytuj, Usuń) użyj aria-label, aby wstrzyknąć kontekst wiersza: aria-label="Edytuj fakturę FV-2204".
  • Unikaj łańcuchów aria-labelledby zależnych od widocznego tekstu poza łączem, ponieważ wyjątek dla „kontekstu określonego programowo” obowiązuje na poziomie AA, nie AAA.
  • Przeprowadź audyt, wyodrębniając wszystkie teksty <a> na stronie i sprawdzając, czy każdy z osobna mówi, dokąd prowadzi.

Typowe błędy

  • Siatki kart z 20 łączami „Zobacz szczegóły”, z których każde prowadzi gdzie indziej.
  • Łącza „tutaj” wewnątrz akapitów — nawet gdy zdanie jest jasne, samo łącze nim nie jest.
  • Łącza graficzne z pustym atrybutem alt, bez widocznego tekstu i bez aria-label.
  • Łącza paginacji: samo 1 2 3 4 5 bez kontekstu strony (np. „Strona 3 wyników wyszukiwania dla X”).
  • Łącze „Kliknij tutaj, aby się zapisać”, gdzie kotwicą jest „Kliknij tutaj”, a „aby się zapisać” jest poza łączem.

Dlaczego to ważne

Tryb listy łączy w czytnikach ekranu jest szybszy niż czytanie linijka po linijce i wielu doświadczonych użytkowników JAWS oraz NVDA używa go domyślnie. Zgodność z poziomem AAA kryterium 2.4.9 sprawia, że witryna jest w pełni użyteczna w tym trybie. Większość zespołów celujących w poziom AA nie będzie formalnie zobowiązana do tego kryterium, ale przyjęcie go jako zasady pisania dla wszystkich nowych treści nic nie kosztuje i po cichu eliminuje jedną z częstszych bolączek w użytkowaniu czytników ekranu.