Przejdź do treści
Pandus
pl Zmień język
Menu

Wymaganie WCAG A/AA Priorytet: Umiarkowane

Linki w tekście wyglądają jak zwykły tekst

Niektóre linki w akapitach wyróżnia tylko zmiana koloru, bez podkreślenia ani innego widocznego oznaczenia.

Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.

Dlaczego to ważne dla Twoich klientów

Osoby z zaburzeniami widzenia barw lub słabowidzące mogą nie zauważyć linków do warunków dostawy, tabeli rozmiarów czy zasad zwrotów i przeoczyć potrzebne informacje.

Kogo to dotyczy

  • osoby z zaburzeniami widzenia barw
  • osoby słabowidzące
  • starsi klienci

Jak to naprawić

Podkreślaj linki w treści albo nadaj im inne oznaczenie niezależne od koloru. Jeśli wyróżniasz je tylko kolorem, link musi mieć kontrast co najmniej 3:1 względem otaczającego tekstu oraz widoczną zmianę po najechaniu i przy fokusie.

W Shopify

Zwykle ustawione w stylach typografii lub linków motywu. Włącz podkreślanie linków w ustawieniach motywu, jeśli jest dostępne, albo dodaj regułę podkreślenia w CSS motywu.

W Shoptet (CZ)

Zwykle style szablonu. Dodaj regułę podkreślenia linków w treści przez opcje własnego kodu CSS.

W PrestaShop

Zwykle CSS motywu usuwa podkreślenia. Dodaj regułę podkreślenia linków w treści w pliku custom CSS motywu.

W WooCommerce

Zwykle style motywu lub edytora bloków usuwają podkreślenia. Przywróć podkreślenie linków w treści przez customizer, style globalne lub CSS motywu potomnego.

Normy

Normy
NormaPunkt
WCAG 2.2 1.4.1 (A) Use of Color
WCAG 2.1 1.4.1 (A) Use of Color
WCAG 2.0 1.4.1 (A) Use of Color
EN 301 549 4.1.1 9.1.4.1
EN 301 549 3.2.1 9.1.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.4.1

Automatyczny test: reguła axe-core link-in-text-block. dequeuniversity.com, github.com, www.w3.org

Podobne testy

Wszystkie reguły, które sprawdzamy