Dicas do DevTools: descobrir e corrigir texto de baixo contraste
bookmark_borderbookmark
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Sofia Emelianova
Textos com baixo contraste são o principal problema de acessibilidade na Web. Em fevereiro de 2022, 83,9% das milhões de páginas iniciais mais acessadas tinham esse problema. Confira o relatório WebAIM Million 2022 para saber mais.
Com as Ferramentas para Desenvolvedores do Chrome, você descobre todos os problemas de contraste rapidamente e os corrige com um clique.
Assista ao vídeo para saber como:
Confira as taxas de contraste na dica de ferramenta do modo de inspeção e os valores de proporção recomendados no Seletor de cores.
No seletor de cores, selecione as cores sugeridas ou escolha uma cor abaixo das linhas de proporção de contraste para obedecer às diretrizes do WebAIM.
Descubra todos os problemas de contraste nos painéis CSS Overview e Issues (pré-lançamento).
Emular deficiências visuais para entender como sua página fica para todos os usuários.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2022-10-19 UTC."],[],[]]