Wysoki kontrast tekstu
Silktide mierzy różnicę kolorów między tekstem na stronach a tłem za nim oraz zgłasza tekst, który nie spełnia najsurowszego standardu kontrastu w zakresie dostępności. Wymagania te wykraczają poza prawnie wymagane minimum, aby osoby ze znacznym upośledzeniem wzroku mogły czytać Twoje treści.
Dlaczego to jest ważne
Minimalny standard kontrastu pomaga większości czytelników, ale osoby z poważniejszą utratą wzroku — odpowiadającą w przybliżeniu ostrości wzroku 20/80 — potrzebują większej różnicy między tekstem a tłem. Spełnienie podwyższonego standardu sprawia, że treści są czytelne dla tych użytkowników bez konieczności korzystania z powiększenia lub innych .
Jest to cel zgodny z . Większość organizacji nie musi go spełniać i może to nie być praktyczne w całej witrynie, ale jest to wartościowe wszędzie tam, gdzie można to osiągnąć — szczególnie w przypadku treści skierowanych do starszych odbiorców lub osób z niepełnosprawnościami.
Jak to naprawić
- Przyciemnij tekst lub rozjaśnij tło (albo odwrotnie w ciemnych projektach), aż para spełni wymagany współczynnik. Każdy wynik zawiera dwa kolory, zmierzony oraz wymagany współczynnik.
- Zmień kolor w arkuszu stylów lub ustawieniach motywu witryny, a nie na pojedynczych stronach, aby poprawka została zastosowana wszędzie, gdzie używany jest ten styl.
- Jeśli spełnienie standardu AAA nie jest praktyczne dla Twojego projektu, możesz wyniki, pod warunkiem że nadal spełniasz minimum AA testowane przez Kontrast tekstu.
Jak Silktide to testuje
- Analizuje każdy fragment widocznego tekstu na stronie, pomijając ukryty tekst, tekst wewnątrz grafik SVG oraz wszelkie elementy wykluczone z kontroli.
- Określa faktyczny kolor tekstu i kolor tła, uwzględniając przezroczystość oraz elementy nadrzędne. Mierzony jest tylko tekst na jednolitym tle; tekst umieszczony na obrazach lub gradientach nie może być mierzony automatycznie.
- Oblicza współczynnik kontrastu między dwoma kolorami.
- Zgłasza tekst poniżej podwyższonego minimum: 7:1 dla zwykłego tekstu lub 4.5:1 dla dużego tekstu. Tekst jest uznawany za duży, gdy ma co najmniej 18 punktów (24 piksele) albo co najmniej 14 punktów (około 19 pikseli) i jest pogrubiony (grubość 600 lub większa).
Rozwiązywanie problemów
To jest wersja AAA dwóch powiązanych kontroli
Ta kontrola testuje kryterium sukcesu WCAG 1.4.6 (poziom AAA). Znacznie częściej wymagana wersja na poziomie AA, kryterium sukcesu 1.4.3, jest testowana przez Kontrast tekstu z niższymi progami (4.5:1 i 3:1). Najpierw staraj się przejść kontrolę AA wszędzie. Obie kontrole współdzielą Twoje decyzje: zatwierdzenie lub zignorowanie wyniku w jednej z nich dotyczy tego samego wyniku w drugiej.
Wiele wyników w całej witrynie
Niespełnienie wymagania 7:1 jest częste — wiele popularnych palet kolorów go nie osiąga. Najpierw popraw najczęściej czytane treści (nawigację, tekst główny na kluczowych stronach), a pozostałe traktuj jako decyzję dotyczącą systemu projektowego, a nie poprawki wprowadzane strona po stronie.