Trate as cores como um par
ContrasteRevise o primeiro plano e o fundo juntos, em vez de escolher uma amostra de fundo isoladamente.
Cor de fundo que facilita a leitura do seu texto
Encontre uma cor de fundo que facilite a leitura das palavras no tamanho e no layout que você realmente usa. Peça à Viralkey um plano de comparação por escrito e depois inspecione o par de cores real no seu fluxo de design. Esta página não certifica acessibilidade nem mede um design que não foi apresentado para avaliação. Páginas relacionadas Fonte com serifa vs sem serifa para um briefing de texto legível · Elementos e princípios da arte para um briefing visual · Tipografia cinética com um plano de texto em movimento legível
A legibilidade depende do conjunto de texto e fundo
Uma cor de fundo que facilita a leitura depende do texto em primeiro plano e das condições em que as pessoas vão vê-lo. Um fundo claro com texto suficientemente escuro, ou um fundo escuro com texto suficientemente claro, pode servir como comparação inicial. As cores exatas, o tamanho e o peso da fonte, o espaçamento e a poluição visual continuam importantes. Um fundo simples pode facilitar a leitura mais do que uma imagem carregada de detalhes atrás das mesmas palavras. Verifique o par real conforme os requisitos do projeto, em vez de tratar uma cor específica como universalmente legível. Abrir o Agent · Fonte com serifa vs sem serifa para um briefing de texto legível · Elementos e princípios da arte para um briefing visual · Tipografia cinética com um plano de texto em movimento legível
Planeje com o seu próprio material
Encontre uma cor de fundo que facilite a leitura das palavras no tamanho e no layout que você realmente usa. Peça à Viralkey um plano de comparação por escrito e depois inspecione o par de cores real no seu fluxo de design. Esta página não certifica acessibilidade nem mede um design que não foi apresentado para avaliação.
Compare texto e fundo juntos
Forneça o texto real e os valores de cor verificados quando o projeto precisar deles. Identifique o tamanho da fonte e a função do texto, como um rótulo ou um parágrafo. Peça ao Agent para organizar as perguntas de revisão em texto. Uma amostra de fundo sozinha não consegue determinar se as palavras reais são legíveis no design final.
Continuar com um rascunho
Inspecione a poluição visual e as áreas de imagem que mudam
Se o texto estiver sobre uma fotografia ou um fundo em movimento, sua visibilidade poderá variar entre áreas ou quadros. Verifique toda a região ocupada pelas palavras, não apenas uma amostra favorável. Vale testar uma área de texto com fundo liso ou outra solução de layout escolhida para esse fim. Aplique a mudança no fluxo real e revise o resultado.
Continuar com um rascunho
Separe uma sugestão de design da verificação
O par de cores proposto ainda precisa ser verificado com os valores reais, o texto renderizado e o método de revisão aplicável. Registre os resultados medidos ou observados com honestidade. O Agent pode explicar termos e elaborar uma lista de verificação, mas não pode afirmar que um design que não examinou passou nos testes de contraste ou recebeu certificação de acessibilidade.
Continuar com um rascunhoPrepare e revise seu rascunho
Descreva o texto real e o layout
Informe a função do texto, o conteúdo real, o tamanho pretendido e o contexto do fundo. Inclua valores verificados de primeiro plano e de fundo, se forem necessários. Marque as informações ausentes em vez de pedir ao Agent para adivinhar uma especificação de cor.
Elabore uma lista de verificação de comparação focada
Peça verificações do par de cores, da tipografia e da poluição visual do fundo. Compare alternativas que preservem os requisitos do projeto. Mantenha qualquer afirmação numérica de aprovação separada até que o design real tenha sido avaliado com o método relevante.
Teste e revise o design renderizado
Inspecione as palavras reais no tamanho pretendido e aplique as verificações de contraste e acessibilidade do projeto quando forem exigidas. Revise fundos de imagem ou em movimento em toda a área relevante. Esta página de texto não mede o design nem certifica o resultado final.
Alinhe a decisão de fundo à tarefa de leitura
Um parágrafo precisa de legibilidade contínua
Teste um texto corrido representativo, e não apenas um título grande demais. Use o comprimento real da linha, o tamanho e o espaçamento que o layout terá. Compare o par de primeiro plano e fundo e remova distrações que interfiram nas palavras. Uma combinação de cores que parece atraente como duas amostras isoladas pode se comportar de forma diferente em um parágrafo completo.
Continuar com um rascunhoUm rótulo curto ainda precisa do contexto real
O rótulo de um botão ou uma anotação pequena pode ser afetado pelo tamanho, pelo peso, pelos elementos ao redor e pelo estado visual. Teste o texto exigido no local em que ele aparecerá. Não deduza a legibilidade apenas pela cor de fundo. Verifique os requisitos aplicáveis do projeto para o componente real e mantenha os estados não testados claramente marcados.
Continuar com um rascunhoUm fundo de imagem precisa de uma revisão mais ampla
Palavras sobre uma fotografia podem atravessar regiões claras e escuras. Revise toda a área de texto e qualquer recorte responsivo ou movimento que a altere. Compare uma área de texto mais simples quando for apropriado e verifique o resultado real. Uma única descrição semelhante a uma captura de tela ou um pixel amostrado não consegue estabelecer a visibilidade em todo um fundo que muda.
Continuar com um rascunhoVerifique as palavras no design real
Use estas notas ao comparar opções de fundo.
Use texto representativo
AmostraTeste o tamanho e o texto reais, incluindo o texto corrido quando a leitura contínua fizer parte da tarefa.
Inspecione a poluição visual
ContextoVerifique se padrões, imagens ou elementos próximos interferem nas palavras, mesmo quando as cores são distintas.
Revise fundos que mudam
MovimentoInspecione os quadros e recortes relevantes quando a área atrás do texto puder mudar.
Registre a verificação real
EvidênciaMantenha as verificações medidas ou observadas separadas de uma paleta sugerida e não marque material não testado como aprovado.
Confirme quem é responsável pela revisão
AprovaçãoA orientação em texto aqui é uma lista de verificação. O revisor responsável avalia e aceita o design real.
Perguntas e respostas
É um fundo que funciona com o texto real e o contexto de visualização, e não um nome universal de cor. Compare o primeiro plano e o fundo reais, a tipografia e a poluição visual. Um par claro-escuro pode ser um ponto de partida, mas ainda precisa de verificações adequadas.
Revise seu próximo rascunho
Seu texto segue para o Agent como rascunho. Revise-o lá antes de enviar; esta página não inicia nenhuma geração.