Wskazówki dotyczące narzędzi dla deweloperów: znajdowanie i rozwiązywanie problemów z tekstem o niskim kontraście

Sofia Emelianova
Sofia Emelianova

Tekst o niskim kontraście to najczęstszy problem z ułatwieniami dostępu w internecie. W lutym 2022 r.problem miał ten problem 83, 9% najpopularniejszych stron głównych. Więcej informacji znajdziesz w raporcie WebAIM Million 2022.

W Narzędziach deweloperskich w Chrome możesz szybko wykryć wszystkie problemy z kontrastem i je rozwiązać jednym kliknięciem.

Obejrzyj film, aby dowiedzieć się, jak:

  • Wyświetl współczynniki kontrastu w etykietce trybu inspektora i zalecane wartości współczynników w selektorze kolorów.

    Współczynniki kontrastu są dostępne w etykietce, a z selektorem kolorów, który umożliwia pomiar współczynnika alternatywnych kolorów. Dostępna jest ocena AA i AAA.

  • W selektorze kolorów wybierz sugerowane kolory lub wybierz kolor poniżej linii współczynnika kontrastu, aby zachować zgodność ze wskazówkami dotyczącymi WebAIM.

    Linie z zalecanym współczynnikiem kontrastu są dostępne w podglądzie odcieni w selektorze kolorów.

  • Wszystkie problemy z kontrastem możesz znaleźć w panelach Przegląd CSS i Problemy (w podglądzie).

    Problemy z kontrastem wymienione w panelu Przegląd CSS i na karcie Problemy.

  • Emuluj niedowidzące, aby zrozumieć, jak Twoja strona wygląda z punktu widzenia wszystkich użytkowników.

    Niewyraźny obraz wybrany na karcie Renderowanie i emulowany w widocznym obszarze.

Aby zapoznać się z bardziej praktycznym doświadczeniem, zapoznaj się z samouczkiem Zwiększanie czytelności witryny.

Więcej informacji: