Kontrast tekstu
Silktide mierzy różnicę kolorów między tekstem na stronach a tłem za nim i zgłasza tekst, którego kolor jest zbyt zbliżony do tła, aby można go było wygodnie przeczytać. Jest to minimalny standard kontrastu wymagany przez większość przepisów dotyczących dostępności.
Dlaczego to jest ważne
Tekst o niskim kontraście jest jednym z najczęstszych i najbardziej szkodliwych problemów z dostępnością w internecie. Osoby słabowidzące, starsi czytelnicy oraz osoby korzystające z ekranu w jasnym świetle słonecznym lub przy niskiej jasności mogą uznać jasnoszary tekst na białym tle za praktycznie niewidoczny. Ponieważ minimalne wartości kontrastu są częścią standardu — standardu, do którego odwołuje się większość przepisów i umów — ich niespełnienie wiąże się również z ryzykiem prawnym.
Jak to naprawić
- Przyciemnij tekst lub rozjaśnij tło (albo odwrotnie w przypadku ciemnych projektów), aż para kolorów osiągnie wymagany współczynnik. Każdy wynik zawiera oba 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 wynik jest dla Ciebie akceptowalny — na przykład tekst w stylu symbolu zastępczego, który celowo jest stonowany — możesz go zamiast tego .
Jak Silktide to testuje
- Sprawdza każdy fragment widocznego tekstu na stronie, pomijając tekst ukryty, tekst wewnątrz grafik SVG oraz wszelkie elementy wykluczone z kontroli.
- Ustala rzeczywisty kolor tekstu i kolor tła, uwzględniając przezroczystość i elementy nadrzędne. Mierzony jest tu tylko tekst na jednolitym tle; tekst umieszczony na obrazach lub gradientach jest obsługiwany przez kontrolę Kontrast tekstu na obrazach.
- Oblicza współczynnik kontrastu między tymi dwoma kolorami.
- Zgłasza tekst poniżej wymaganego minimum: 4.5:1 dla zwykłego tekstu lub 3: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
Tekst na zdjęciu lub gradiencie nie jest tutaj zgłaszany
Gdy tłem jest obraz lub gradient, nie ma jednego koloru tła, względem którego można przeprowadzić pomiar, dlatego takie przypadki są zgłaszane osobno przez kontrolę Kontrast tekstu na obrazach.
To wersja AA jednej z dwóch powiązanych kontroli
Ta kontrola testuje kryterium sukcesu WCAG 1.4.3 (poziom AA), czyli powszechnie wymagane minimum. Bardziej rygorystyczna wersja na poziomie AAA, kryterium sukcesu 1.4.6, jest testowana przez kontrolę Wysoki kontrast tekstu. Obie kontrole współdzielą Twoje decyzje: zatwierdzenie lub zignorowanie wyniku w jednej z nich ma zastosowanie do tego samego wyniku w drugiej.
Tekst wygląda dla mnie dobrze
Kontrast, który wygląda akceptowalnie na Twoim ekranie, może nadal nie spełniać wymagań dla innych osób — monitory, ustawienia jasności i wzrok bardzo się różnią. Zmierzony współczynnik jest obiektywny; zaufaj mu bardziej niż wrażeniu wizualnemu.