Mam stronę, która zawiera listę przedmiotów. Każdy element zawiera link "Więcej informacji", która wskazuje na inną stronę. Ale gdy uruchamiam narzędzie lighthouse na tej stronie, on narzeka, że linki nie zawierają opisową tekstu. Teraz nie mogę zmienić tekst do przeczytania tutaj.
<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>
Czy istnieje jakiś inny sposób rozwiązać ten problem?
Tak, można użyćaria-label w celu zapewnienia bardziej opisowy tekst pomocniczym technologii, takich jak czytniki ekranu.
<a href="link 1" aria-label="some more descriptive text that explains the link">Read more</a>
Ассистивный technik przeczyta zawartość aria-label wyszedł zamiast "Więcej".
Należy pamiętać, że wpisany tekst musi być wystarczająco dużo, aby wiedzieć, dokąd prowadzi link, i nie zależy od kontekstu (tekst linku musi mieć sens sam w sobie), jeśli to możliwe.
aria-label z przyzwoitą opisem na pewno robisz to dobrze, a to może być błędna finansowe narzędzia. Czy strona publicznej, jeżeli tak to, czy chcesz podzielić się z nią adresu URL? Ja z chęcią obejrzę. aria-label. W rzeczywistości jest to bardziej niezawodne rozwiązanie, ale to trochę więcej pracy, to wszystko.