Cel łącza
Silktide sprawdza, czy tekst każdego łącza wyjaśnia, dokąd ono prowadzi. Łącza z tekstem „kliknij tutaj” lub „dowiedz się więcej” albo zawierające wyłącznie symbole nie dają żadnej wskazówki co do miejsca docelowego.
<!-- Ogólne: nie przekazuje użytkownikowi żadnych informacji -->
<a href="/accessibility-guide">Kliknij tutaj</a>
<!-- Poprawione: miejsce docelowe jest jasne na podstawie samego tekstu -->
<a href="/accessibility-guide">Przeczytaj nasz przewodnik po dostępności</a>
Dlaczego to jest ważne
Osoby korzystające z często wyświetlają listę wszystkich łączy na stronie i poruszają się po niej, słysząc tekst każdego łącza bez kontekstu. Lista z elementami „dowiedz się więcej”, „czytaj więcej” i „kliknij tutaj” jest bezużyteczna: aby dowiedzieć się, dokąd prowadzi każdy element, trzeba go odwiedzić. Czytniki ekranu ogłaszają również słowo „łącze” przed tekstem, więc „kliknij tutaj” staje się „łącze kliknij tutaj” — szumem bez informacji.
Opisowe łącza pomagają również wszystkim innym: widzący odwiedzający przeglądają strony na podstawie łączy, a wyszukiwarki używają tekstu łączy, aby zrozumieć miejsce docelowe.
Jak to naprawić
- Zmień ogólny tekst łącza tak, aby miejsce docelowe było jasne na podstawie samych słów: „dowiedz się więcej” zmień na „dowiedz się więcej o wytycznych dotyczących dostępności”.
- Zastąp łącza zawierające wyłącznie symbole, takie jak strzałka lub emoji, czytelnym tekstem albo dodaj , jeśli łącze zawiera wyłącznie obraz.
- Nie używaj słowa „łącze” w tekście łącza — czytniki ekranu już je ogłaszają, więc „łącze do cennika” będzie słyszane jako „łącze łącze do cennika”.
- Jeśli oznaczone łącze jest rzeczywiście jasne w Twoim kontekście, możesz je .
Jak Silktide to sprawdza
- Znajduje każde łącze (elementy
<a>i<area>z miejscem docelowym), które jest dostępne dla czytników ekranu — łącza przed nimi ukryte są pomijane. - Ustala tekst każdego łącza tak, jak odczytałyby go , w tym teksty alternatywne obrazów i tekst dodany przez CSS.
- Oznacza łącza, których tekst nie zawiera żadnych czytelnych znaków (liter ani cyfr), takie jak sam symbol lub emoji.
- Oznacza łącza, których tekst odpowiada znanej liście ogólnych wyrażeń, takich jak „kliknij tutaj”, „czytaj więcej” i „dowiedz się więcej”, w wielu językach.
Łącza bez żadnego tekstu są raportowane osobno przez kontrolę Puste łącze.