Wskazówki dotyczące narzędzi dla deweloperów: znajdowanie i rozwiązywanie problemów z tekstem o niskim kontraście
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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.
W selektorze kolorów wybierz sugerowane kolory lub wybierz kolor poniżej linii współczynnika kontrastu, aby zachować zgodność z wytycznymi WebAIM.
Wszystkie problemy z kontrastem znajdziesz w panelach Omówienie CSS i (podgląd) Problemy.
Emuluj ślepotę barw, aby dowiedzieć się, jak wygląda Twoja strona dla wszystkich użytkowników.
Aby dowiedzieć się więcej, zapoznaj się z samouczkiem Zwiększ czytelność witryny.
Więcej informacji znajdziesz w tych artykułach:
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2022-10-19 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2022-10-19 UTC."],[],[],null,[]]
