Przejdź do treści
A11ySignal
poważnyWCAG 1.4.1 · A

Łącza muszą być odróżnialne od sąsiadującego tekstu w sposób, który nie opiera się na kolorze.

link-in-text-block

Łącza można rozróżniać bez opierania się na kolorze.

Kryterium, które za tym stoi

1.4.1 Użycie koloru

Sam kolor nie może nieść znaczenia.

Poziom A · EN 301 549 § 9.1.4.1

Po co jest to sprawdzenie

Mniej więcej jeden na dwunastu mężczyzn ma zaburzenie widzenia barw. Status oparty tylko na czerwonym kontra zielonym jest dla nich niewidoczny — i dla każdego, kto drukuje w skali szarości.

Co zwykle je wywołuje

  • błądPola wymagane oznaczone wyłącznie czerwoną etykietą.
  • błądLegenda wykresu rozróżniana tylko kolorem linii.
  • błądLinki w tekście bez podkreślenia, odróżnione samym kolorem.

Jak to naprawić

  • róbDodaj drugi sygnał: ikonę, słowo, deseń, podkreślenie.
  • róbPrzy linkach w tekście zostaw podkreślenie — albo zapewnij kontrast 3:1 wobec otaczającego tekstu *oraz* wskazówkę bez koloru przy najechaniu i fokusie.

Jak to jest raportowane

A11ySignal zgłasza to z wagą poważny. Każdy błędny element ma swój selektor CSS i kod, który zawiódł, więc trafisz prosto do właściwej linii, zamiast jej szukać. Deque publikuje szczegóły na poziomie silnika:

https://dequeuniversity.com/rules/axe/4.13/link-in-text-block

Sprawdzenie zaimplementowane w axe-core 4.13.0, © Deque Systems, MPL-2.0.