--- title: Por que devemos ter várias opções de contraste? description: Descubra por que oferecer várias opções de contraste no seu site é essencial para a acessibilidade digital, ajudando pessoas com deficiência e cumprindo as normas WCAG e ABNT. --- [Pular para o conteúdo](https://conhecimento.pertodigital.com.br/central/por-que-devemos-ter-várias-opções-de-contraste#main-content) - [Português - Brasil](https://conhecimento.pertodigital.com.br/central/por-que-devemos-ter-v%C3%A1rias-op%C3%A7%C3%B5es-de-contraste) - [English](https://conhecimento.pertodigital.com.br/en/central/por-que-devemos-ter-várias-opções-de-contraste) - [Español](https://conhecimento.pertodigital.com.br/es/central/por-que-devemos-ter-várias-opções-de-contraste) Português - Brasil Mostrar submenu para traduções ![O homem vitruviano dentro de um circulo verde. Com a escrita Perto Digital ao lado.](https://conhecimento.pertodigital.com.br/hubfs/Logo-4.svg) Abrir navegação principal Fechar navegação principal - - [Português - Brasil](https://conhecimento.pertodigital.com.br/central/por-que-devemos-ter-v%C3%A1rias-op%C3%A7%C3%B5es-de-contraste) - [English](https://conhecimento.pertodigital.com.br/en/central/por-que-devemos-ter-várias-opções-de-contraste) - [Español](https://conhecimento.pertodigital.com.br/es/central/por-que-devemos-ter-várias-opções-de-contraste) Português - Brasil Mostrar submenu para traduções - [Ir para pertodigital.com.br](https://www.pertodigital.com.br/) [Ir para pertodigital.com.br](https://www.pertodigital.com.br/) Olá! Como podemos ajudar? - Não há sugestões porque o campo de pesquisa está em branco. 1. [Central de Conhecimento](https://conhecimento.pertodigital.com.br/central?hsLang=pt-br) 2. [Perguntas frequentes](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br) # Por que devemos ter várias opções de contraste? ## Cada pessoa enxerga a tela do computador ou do celular de um jeito diferente. Por isso, ter apenas uma opção de cor não funciona para todo mundo.  Pessoas com baixa visão, daltonismo ou sensibilidade à luz precisam de diferentes ajustes visuais. Quando oferecemos várias opções de contraste, nós damos o controle para o usuário. Assim, ele pode escolher a cor e a luz que deixam a leitura mais fácil e confortável.  ### O que dizem as regras As principais normas de acessibilidade do Brasil e do mundo, como a **ABNT NBR 17225** e a **WCAG 2.2**, exigem que os sites tenham um bom contraste. Para medir isso, as normas usam um valor chamado "razão de contraste". Funciona assim: - **Textos normais:** a diferença de cor entre a letra e o fundo deve ser de, pelo menos, 4,5 para 1. - **Textos grandes e botões:** a diferença deve ser de, pelo menos, 3 para 1. - **O ideal (recomendação de excelência):** a diferença para textos deve chegar a 7 para 1. ### O que devemos fazer na prática Para atender a todos os usuários, a melhor solução é colocar um painel de ajustes (ou um plugin de acessibilidade) no site com as seguintes opções: - **Alto contraste claro:** fundo bem claro e letras bem escuras. Ajuda quem tem baixa visão ou daltonismo. - **Alto contraste escuro:** fundo escuro e letras claras. Excelente para quem tem sensibilidade à luz (fotofobia). - **Baixa saturação (cores menos vivas):** ajuda pessoas com sensibilidade visual ou epilepsia. - **Tela em preto e branco (monocromático):** facilita a leitura para pessoas com dificuldade em perceber as cores. - **Cores personalizadas:** permite que o usuário escolha a cor exata do fundo e do texto para reduzir o cansaço dos olhos. ### Ferramentas para ajudar no trabalho - **Testadores de contraste:** você pode usar ferramentas gratuitas na internet, como o *WebAIM Contrast Checker* ou o aplicativo *Colour Contrast Analyser (CCA)*. Eles dizem na hora se as cores que você escolheu passam na regra do contraste. - **Ferramentas assistivas:** existem soluções prontas (plugins) que você instala no site. Elas já vêm com botões fáceis para o usuário ligar o alto contraste ou mudar as cores da tela com um clique só. ### Atenção à Lei Ter um bom contraste não é apenas para deixar o site bonito, é um direito do usuário. No Brasil, a **Lei Brasileira de Inclusão (LBI)** exige que os sites sejam acessíveis para pessoas com deficiência. Em outros países, leis como o ADA (nos Estados Unidos) e o EAA (na Europa) também punem empresas que têm sites difíceis de usar. Garantir o contraste é cumprir a lei e respeitar as pessoas. - [Introdução](https://conhecimento.pertodigital.com.br/central/introdu%C3%A7%C3%A3o?hsLang=pt-br#main-content) - [Sobre a Perto](https://conhecimento.pertodigital.com.br/central/introdu%C3%A7%C3%A3o?hsLang=pt-br#sobre-a-perto) - [Importância da Acessibilidade](https://conhecimento.pertodigital.com.br/central/introdu%C3%A7%C3%A3o?hsLang=pt-br#import%C3%A2ncia-da-acessibilidade) - [Guia de Início](https://conhecimento.pertodigital.com.br/central/introdu%C3%A7%C3%A3o?hsLang=pt-br#guia-de-in%C3%ADcio) - [Perguntas frequentes](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br#main-content) - [Requisitos Técnicos](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br#requisitos-t%C3%A9cnicos) - [Planos e Preços](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br#planos-e-pre%C3%A7os) - [Suporte e Atendimento](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br#suporte-e-atendimento) - [Implementação](https://conhecimento.pertodigital.com.br/central/perguntas-frequentes?hsLang=pt-br#implementa%C3%A7%C3%A3o) - [Glossário](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#main-content) - [A](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#a) - [B](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#b) - [C](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#c) - [D](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#d) - [I](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#i) - [J](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#j) - [L](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#l) - [M](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#m) - [N](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#n) - [T](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#t) - [R](https://conhecimento.pertodigital.com.br/central/gloss%C3%A1rio?hsLang=pt-br#r) - [Geral](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#main-content) - [Plugin - Funcionalidades](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#plugin-funcionalidades) - [Plugin - Perfil de Acessibilidade](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#plugin-perfil-de-acessibilidade) - [Ferramentas de Comunicação](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#ferramentas-de-comunica%C3%A7%C3%A3o) - [Libras - Funcionalidades](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#libras-funcionalidades) - [Análise](https://conhecimento.pertodigital.com.br/central/geral?hsLang=pt-br#an%C3%A1lise) - [Suporte](https://conhecimento.pertodigital.com.br/central/suporte?hsLang=pt-br) [![Logotipo da Perto Digital. O homem vitruviano dentro de um circulo verde, com o texto Perto Digital ao lado.](https://conhecimento.pertodigital.com.br/hs-fs/hubfs/Logo%20maior-2.png?width=200&height=54&name=Logo%20maior-2.png "Logotipo da Perto Digital. O homem vitruviano dentro de um circulo verde, com o texto Perto Digital ao lado.")](https://www.pertodigital.com.br) Central de Conhecimento Copyright © 2026, Perto Digital