1
resposta

[Projeto] [Exercício] Teste no ColorShark para obter um design acessível.

No primeiro caso, as cores da fonte e do fundo não apresentam um nível de contraste adequado. Para atingir padrões mais aceitáveis, deveríamos utilizar uma cor de texto mais clara ou escurecer o plano de fundo.
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Neste caso, já temos um nível de contraste melhor entre o texto e o fundo.
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Já no terceiro caso, deveríamos escurecer o texto ou clarear o fundo para atingir um nível melhor de contraste.
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Lucas, como vai?

Sua análise sobre as paletas de cores está correta e demonstra uma boa percepção sobre o contraste necessário para a acessibilidade. Ao testar os valores hexadecimais, percebe-se que a primeira paleta realmente falha nos critérios da WCAG por apresentar cores com luminosidades muito próximas. A segunda paleta é a única que atende aos requisitos mínimos para textos pequenos e grandes, enquanto a terceira também apresenta dificuldades de leitura devido ao baixo contraste entre o tom de rosa e o verde claro.

Parabéns por realizar o exercício e compartilhar suas percepções sobre a importância do design inclusivo. Continue praticando esse olhar crítico em seus trabalhos. O fórum permanece à sua disposição.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!