Tekst linku zrozumiały poza kontekstem

Użytkownicy czytników ekranu często wyświetlają listę wszystkich linków na stronie. Każdy z nich musi mieć sens samodzielnie, bez otaczającego zdania.

Wyobraź sobie listę dziesięciu linków, z których każdy ma tekst „kliknij tutaj”. Poza kontekstem są bezużyteczne, ponieważ nic ich nie odróżnia. 😕

Dobry tekst linku informuje, dokąd prowadzi link. Użyj tytułu strony lub dokumentu, aby link był zrozumiały samodzielnie.

Zwroty takie jak „czytaj więcej” i „dowiedz się więcej” powtarzają się na stronie i nie mówią nikomu, dokąd właściwie prowadzą.

Umieść najbardziej przydatne słowa na początku tekstu linku. Dzięki temu użytkownicy przeglądający linki według pierwszej litery szybciej znajdą właściwy.

Surowy URL użyty jako tekst linku jest odczytywany na głos jako długi ciąg liter i ukośników. Zamiast niego użyj naturalnych słów opisujących miejsce docelowe.

Jeśli dwa linki prowadzą w to samo miejsce, nadaj im taki sam tekst. Różne sformułowania tego samego miejsca docelowego tylko dezorientują użytkowników.

Jeśli krótki widoczny tekst musi pozostać, aria-label może nadać linkowi pełniejszą dostępną nazwę, którą czytniki ekranu odczytają na głos.

Po dodaniu etykiety zachowaj widoczne słowa w dostępnej nazwie, aby użytkownicy sterujący głosem nadal mogli wypowiedzieć to, co widzą.

Link będący tylko ikoną nie ma tekstu do odczytania. Nadaj mu widoczną etykietę lub dostępną nazwę — nigdy nie pozostawiaj go bez żadnej z nich.

Zwykle nie trzeba umieszczać słowa „link” w tekście. Czytnik ekranu i tak ogłasza rolę elementu, więc słowo zostałoby odczytane dwukrotnie.

Dlaczego tekst linku taki jak „kliknij tutaj” stanowi problem dla użytkowników czytników ekranu?

Pisz teksty linków, które mają sens samodzielnie i wskazują miejsce docelowe. Usuń „kliknij tutaj”, a każdy link stanie się zrozumiały bez dodatkowego kontekstu. ✨