WCAG 2.4.4 Cel linku (w kontekście) (A) · WCAG 4.1.2 Nazwa, rola, wartość (A) · aktualizacja
Link bez nazwy i linki „czytaj więcej": jak opisać cel linku
Link musi mieć nazwę, z której wynika, dokąd prowadzi. Pusty link (sama ikona, pusty element a) czytnik odczyta jako „link" albo adres URL. Link „czytaj więcej" ma nazwę, ale bez kontekstu jest bezużyteczny na liście linków.
Jak często się zdarza
Według raportu WebAIM Million 2026 puste linki były na 46,3% stron głównych. Najczęściej to ikony mediów społecznościowych i obrazki-linki bez altu.
Komu to przeszkadza
Osoby z czytnikiem ekranu często przeglądają stronę listą wszystkich linków. Lista „link, link, czytaj więcej, czytaj więcej, facebook kropka com" nie pozwala nic znaleźć.
Skąd się bierze
- Ikony Facebooka, Instagrama i LinkedIna w stopce bez nazwy.
- Logo-link bez tekstu alternatywnego.
- Kafelek produktu, w którym link obejmuje tylko zdjęcie bez altu.
- Linki „czytaj więcej", „tutaj", „kliknij" w liście artykułów.
Poprawka w kodzie
Przed
<a href="https://instagram.com/sklep"><i class="ikona-ig"></i></a>
<a href="/blog/wcag">Czytaj więcej</a>Po
<a href="https://instagram.com/sklep" aria-label="Instagram sklepu"><i class="ikona-ig" aria-hidden="true"></i></a>
<a href="/blog/wcag">Czytaj więcej o WCAG 2.2</a>Nie trzeba wydłużać każdego „czytaj więcej" widocznie. Wystarczy dopisać tytuł artykułu ukrytym tekstem albo w aria-label, zaczynając od widocznych słów.
Jak sprawdzić to samodzielnie
- W czytniku NVDA naciśnij Insert+F7, żeby zobaczyć listę wszystkich linków na stronie.
- Czy z samej listy wiesz, dokąd prowadzi każdy link? Jeśli nie, link potrzebuje lepszej nazwy.
- Najedź myszą na ikony w stopce i sprawdź, czy mają opis dla czytnika.
Co wykryje skaner, a czego nie
Skaner wykryje
Skaner wykryje linki bez żadnej nazwy: puste, z samą ikoną albo z obrazkiem bez altu.
Wymaga sprawdzenia przez człowieka
Linków „czytaj więcej" i „kliknij tutaj" automat nie odróżni od dobrych, bo formalnie mają nazwę. To wychodzi dopiero przy czytaniu listy linków.
Najczęstsze pytania
Czy linki „czytaj więcej" są niezgodne z WCAG?
Nie zawsze. Kryterium 2.4.4 dopuszcza link, którego cel wynika z kontekstu, na przykład z akapitu obok. Dobra praktyka jest jednak taka, żeby nazwa linku mówiła wszystko sama, bo wtedy działa także na liście linków.
Czy link powinien otwierać się w nowej karcie?
Lepiej nie. Nieoczekiwane otwarcie nowej karty dezorientuje. Jeśli musisz, dopisz w nazwie linku „(otwiera się w nowej karcie)".
Źródła
- [1] Understanding Success Criterion 2.4.4W3C Web Accessibility Initiative (WAI)
- [2] Understanding Success Criterion 4.1.2W3C Web Accessibility Initiative (WAI)
- [3] The WebAIM Million: raport 2026 o dostępności miliona stron głównychWebAIM, Institute for Disability Research, Policy, and Practice, Utah State University