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 jest największym problemem w internecie. W lutym 2022 r.ten problem dotyczył 83, 9% stron głównych z pierwszego miliona. Więcej informacji znajdziesz w raporcie WebAIM Million 2022.

Narzędzia deweloperskie Chrome umożliwiają szybkie wykrywanie wszystkich problemów z kontrastem i ich rozwiązywanie jednym kliknięciem.

Obejrzyj film, aby dowiedzieć się, jak:

  • Współczynniki kontrastu możesz wyświetlić w opisie w trybie inspekcji, a zalecane wartości współczynnika w selektorze kolorów.

    Wskazówki zawierają współczynniki kontrastu, a selektor kolorów umożliwia pomiar współczynnika dla innych kolorów. Dostępne są oceny AA i AAA.

  • selektorze kolorów wybierz sugerowane kolory lub wybierz kolor poniżej linii współczynnika kontrastu, aby zachować zgodność z wytycznymi WebAIM.

    Zalecane linie współczynnika kontrastu są dostępne w podglądzie odcieni w selektorze kolorów.

  • Wszystkie problemy z kontrastem znajdziesz w panelach Omówienie CSS i (podgląd) Problemy.

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

  • Emuluj ślepotę barw, aby dowiedzieć się, jak Twoja strona wygląda dla wszystkich użytkowników.

    Wybór rozmytego obrazu na karcie Renderowanie i w widoku.

Aby dowiedzieć się więcej, zapoznaj się z samouczkiem Zwiększ czytelność witryny.

Aby dowiedzieć się więcej, zapoznaj się z tymi artykułami: