Cel kryterium – czyli o co chodzi?
Kryterium 2.4.9 (poziom AAA) rozszerza wymagania dotyczące jasności i precyzji linków, które zostały omówione wcześniej w kryterium 2.4.4. Chodzi o to, aby użytkownik, niezależnie od kontekstu, mógł jednoznacznie zrozumieć cel danego odnośnika bez konieczności analizowania otaczającej go treści.
Kto skorzysta z tego rozwiązania?
Jasno określone cele linków pomagają przede wszystkim:
- Osobom niewidomym i niedowidzącym, które korzystają z czytników ekranu i często przeglądają listę linków bez pełnego kontekstu otaczającego tekstu.
- Osobom poruszającym się po stronie za pomocą klawiatury, które używają skrótów do nawigacji między odnośnikami.
- Wszystkim użytkownikom, którzy chcą szybko odnaleźć potrzebne informacje i uniknąć niejasnych lub mylących odnośników.
Dlaczego samo „Więcej” nie wystarczy?
Wcześniejsze kryterium 2.4.4 dopuszczało sytuację, w której cel linku wynika z jego kontekstu. Przykładowo, jeśli w paragrafie opisującym nową funkcjonalność znajduje się link „Dowiedz się więcej”, użytkownik może domyślić się, że odnosi się on do tej funkcjonalności.
Kryterium 2.4.9 idzie o krok dalej i wymaga, aby link sam w sobie był na tyle precyzyjny, by użytkownik mógł zrozumieć jego cel bez dodatkowego kontekstu. Oznacza to, że zamiast ogólnikowego „Więcej” należy stosować np. „Przeczytaj pełny artykuł o nowej funkcji” lub „Zobacz raport dotyczący zmian klimatycznych”.
Jak możemy to poprawić?
Aby spełnić to kryterium, warto stosować następujące rozwiązania:
- Atrybut
aria-labelMożna użyć atrybutu
aria-label, aby dodać dodatkowe informacje do linku. Należy jednak pamiętać, żearia-labelcałkowicie zastępuje widoczną etykietę linku dla technologii asystujących.<a href="/..." aria-label="Czytaj więcej o nowym projekcie miejskim">Czytaj więcej</a> - Ukryta treść dla czytników ekranu
Innym rozwiązaniem jest dodanie niewidocznego dla wzroku użytkowników elementu, który będzie odczytywany przez czytniki ekranu. Można użyć klasy
.sr-onlylub.visually-hidden:<a href="/...">Czytaj więcej <span class="visually-hidden">o nowym raporcie finansowym</span></a>
Dlaczego to jest ważne?
Niejasne linki prowadzą do dezorientacji użytkowników i mogą utrudniać nawigację, zwłaszcza osobom korzystającym z technologii asystujących. Dzięki precyzyjnym etykietom odnośników strona staje się bardziej przejrzysta, łatwiejsza w obsłudze i lepiej dostosowana do różnych grup odbiorców.
Czy wiesz, że?
Dobrze opisane linki nie tylko poprawiają dostępność strony, ale także wpływają na SEO. Wyszukiwarki lepiej interpretują odnośniki, które mają jasne i opisowe etykiety, co może poprawić pozycję strony w wynikach wyszukiwania.
Stosowanie precyzyjnych opisów linków to niewielka zmiana, która znacząco poprawia doświadczenie użytkowników i dostępność strony dla wszystkich!
