Design · リンク3件

Teste um par de cores onde as pessoas realmente leiam

Sobreposição de pedaços de papel colorido
このリンクを選んだ理由

Verificadores de contraste e comparações visuais para avaliar texto e cores da interface além de uma visualização da paleta.

Uma paleta pode parecer harmoniosa enquanto um rótulo desaparece no fundo. As decisões de cores precisam de um contexto: tamanho do texto, conteúdo circundante, estados de foco e a ecrã na qual alguém lê. Essas ferramentas ajudam a comparar os valores de primeiro e segundo plano e a considerar diferentes condições de visualização. Use o resultado para investigar sua interface real, em vez de tratar um crachá aprovado como o fim do trabalho de acessibilidade.

Tente isso primeiro

Pegue uma etiqueta real e sua cor exata de fundo. Registre o par, inspecione o texto relevante ou critério de interface e teste a mesma escolha em seus outros estados. Experimente um rótulo mais longo e uma janela de visualização estreita. Mantenha as dicas não coloridas para o significado e verifique novamente uma cor alterada no layout ao redor.

Lembre-se

As simulações não podem reproduzir a visão ou o ambiente de cada pessoa. A verificação de contraste é parte de uma revisão de acessibilidade e um par isolado não pode levar em conta gradientes, imagens, transparência ou todos os estados de interação. Verifique o resultado renderizado real.

リンク3件/キュレーターが選んだ順序
自分のコレクションを作る

厳選したリンクコレクションを自分で作る

散らばったブックマークを、無駄のないミニマルな読み物にまとめて世界に共有しましょう。

無料でコレクションを作る