Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Sugestão] Estilização

Prezados,
Gostaria de submeter uma sugestão de correção de estilo para o aplicativo da Alura, especificamente na tela de exibição de atividades com a IA da Luri, conforme imagem anexa.
Diagnóstico do Problema:
Baixo Contraste: O texto principal da questão ("Hoje ainda se fala em classes de endereço IP...") está em uma cor cinza escura sobre um fundo azul escuro gradiente. Essa combinação viola as diretrizes de acessibilidade (como as WCAG), pois não oferece uma relação de contraste adequada.
Impacto na Usabilidade: A dificuldade de leitura força o usuário a esforçar a vista, prejudicando a compreensão do conteúdo e a experiência geral no aplicativo. O problema é agravado em ambientes com muita luz (uso ao ar livre) ou se o brilho da tela estiver baixo.
Orientação de Correção:
Para resolver essa falha e garantir que todos os alunos possam ler o conteúdo confortavelmente, recomendo as seguintes alterações:
Alteração da Cor do Texto: A cor do texto principal deve ser alterada de cinza escuro para um branco (#FFFFFF) ou um creme muito claro (#F5F5F5). Isso garantirá um contraste nítido e imediato com o fundo escuro existente.
Manutenção da Identidade Visual: O fundo escuro e as cores de destaque (o azul ciano nos botões e no ícone da Luri) podem ser mantidos, pois o contraste entre eles e o novo texto branco será excelente.
Benefícios da Mudança:
Acessibilidade: Torna o conteúdo acessível a pessoas com deficiência visual (baixa visão) ou daltônicas.
Conforto Visual: Melhora a legibilidade, especialmente em sessões de estudo longas, reduzindo a fadiga ocular.
Clareza da Informação: Garante que a pergunta e as informações da atividade sejam absorvidas rapidamente, sem atrito.
Abaixo, segue uma simulação visual de como a tela ficaria após a correção, comparando com o original.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Agradeço a atenção e me coloco à disposição.

Atenciosamente,

Mateus Faria

1 resposta

Olá, Mateus, como vai?

A questão do contraste é realmente importante para garantir a acessibilidade e a boa experiência do usuário. Suas recomendações de alterar a cor do texto para branco ou creme claro são práticas e certamente melhorariam a legibilidade.

Além disso, manter a identidade visual com o fundo escuro e os destaques em azul ciano parece uma boa abordagem para equilibrar estética e funcionalidade. Sua simulação visual também ajuda a visualizar como a mudança beneficiaria os usuários.

Informo que a plataforma ainda está passando por muitas alterações e ajustes com base na atualização visual que tivemos. Com isso, é de certo que esse problema que você destacou deve e será corrigido pelos Devs, mas encaminharei sua sugestão para o pessoal responsável.

No mais, bons estudos!

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