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

Sofia Emelianowa
Sofia Emelianova

Tekst o niskim kontraście to największy problem z ułatwieniami dostępu w internecie. W lutym 2022 r.ten problem wystąpił na 83, 9% milionów najpopularniejszych stron głównych. Aby dowiedzieć się więcej, zapoznaj się z raportem WebAIM Million z 2022 roku.

Narzędzia deweloperskie w Chrome pozwalają szybko wykryć i rozwiązać wszystkie problemy z kontrastem.

Obejrzyj film, aby dowiedzieć się, jak:

  • Współczynniki kontrastu możesz wyświetlać w etykietce trybu inspektora, a zalecane wartości współczynnika w selektorze kolorów.

    Współczynniki kontrastu są dostępne w etykietce razem z selektorem kolorów, który pozwala zmierzyć proporcje kolorów alternatywnych. Dostępne są oceny AA i AAA.

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

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

  • Wszystkie problemy z kontrastem znajdziesz w panelach Przegląd CSS i Problemy z podglądem (w wersji testowej).

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

  • Emuluj błędy widzenia, aby dowiedzieć się, jak Twoja strona wygląda dla wszystkich użytkowników.

    Wybór rozmycia obrazu wybrany na karcie Renderowanie i emulacja w widocznym obszarze.

Praktyczną naukę znajdziesz w samouczku Jak zwiększyć czytelność witryny.

Więcej informacji: