Legibilidade de texto
Teste a legibilidade do texto com diferentes combinações de cor de texto e fundo, medindo o contraste WCAG para garantir leitura clara em qualquer tela.
Pré-visualização em tempo real
Título de exemplo
Aqui está um texto de exemplo para testar a legibilidade. The quick brown fox jumps over the lazy dog. 0123456789
Texto mais pequeno para comparação
Pontuação de legibilidade
Conformidade com WCAG 2.1
Texto normal (≥4,5:1)
Texto grande (≥3:1)
Texto normal (≥7:1)
Texto grande (≥4,5:1)
Definições
Teste a legibilidade do texto com diferentes combinações de cor de texto e fundo, medindo o contraste WCAG para garantir leitura clara em qualquer tela.
Legibilidade de texto apresenta apenas os controlos e resultados ligados à sua função. As opções disponíveis dependem da ferramenta e da entrada.
Formatos suportados
Como funciona
Passo 1
Abra Legibilidade de texto e prepare a entrada solicitada pela interface
Passo 2
Ajuste os controlos visíveis para o resultado pretendido
Passo 3
Verifique o resultado antes de copiar, exportar ou reutilizar
Erros comuns a evitar
- Não considere suportado um formato ou opção que não apareça na interface.
- Confira os valores antes de os reutilizar numa identidade, interface ou ficheiro final.
- Quando o resultado for usado em texto ou componentes de interface, verifique também o contraste.
Dicas de especialistas
- Guarde o valor de origem com o resultado para comparar variantes.
- Use os formatos realmente apresentados pela ferramenta em vez de estimar conversões.
- Em telemóvel e tablet, permita que textos e controlos quebrem linha.
Tratamento de dados
O tratamento depende da função usada. Consentimento, analítica e funcionalidades de conta do site são serviços separados da operação de cor.
O que esta ferramenta faz
Teste a legibilidade do texto com diferentes combinações de cor de texto e fundo, medindo o contraste WCAG para garantir leitura clara em qualquer tela. Legibilidade de texto concentra-se nesta tarefa e não pressupõe funções que não aparecem na interface. Use os controlos disponíveis para obter o resultado necessário e confirme os valores apresentados antes de os levar para outra ferramenta, folha de estilos, ficheiro de design ou documento.
Preparar uma entrada adequada
Comece pela entrada pedida por Legibilidade de texto: cor, valor, imagem ou definição conforme o ecrã. Os formatos indicados nesta página são HEX, RGB, HSL, Texte. Se um formato ou opção não aparecer na interface, não o considere suportado por esta função específica.
Ler e verificar o resultado
Leia o resultado no contexto da operação realizada. Compare-o com o valor de origem e reveja os controlos que influenciaram o cálculo. Para trabalho visual importante, confirme também o resultado na interface real onde será usado em vez de confiar apenas no código.
Utilização em telemóvel e tablet
Legibilidade de texto usa o layout responsivo do site. Títulos, subtítulos, breadcrumbs e controlos podem quebrar linha em ecrãs estreitos para evitar cortar traduções longas. Mesmo assim, confirme o resultado final no dispositivo e no contexto onde pretende utilizá-lo.
Reutilizar o resultado no projeto
Depois de verificar o resultado, utilize apenas as ações realmente oferecidas por Legibilidade de texto, como copiar ou exportar quando disponíveis. Guarde o valor de origem se precisar de reproduzir a definição e, em interfaces, documente também o papel da cor e o contraste necessário.
Ferramentas relacionadas
Guias e tutoriais
Aprenda a usar nossas ferramentas com nossos guias detalhados.
Como escolher uma cor legível para um site?
Guia completo para selecionar cores legíveis na web. Descubra as regras de contraste, boas práticas e erros a evitar.
text-readability: guia prático de accessibility
Guia localizado para usar text-readability, entender boas práticas de accessibility e evitar erros comuns.
text-readability: guia prático de accessibility
Guia localizado para usar text-readability, entender boas práticas de accessibility e evitar erros comuns.
Perguntas frequentes
Aprenda a usar nossas ferramentas com nossos guias detalhados.