Uso de cores

Neste episódio, exploramos o uso de cores e sua influência na acessibilidade. Com auxílio dos especialistas Alexandre Ohkawa e Suzeli Damasceno, discutimos como aplicações que dependem apenas de cores para transmitir informações podem criar barreiras, mostrando soluções para equilibrar identidade visual e inclusão, garantindo que todos compreendam o conteúdo apresentado.

A produção deste podcast não seria possível sem o apoio da Embaixada do Reino Unido, da Secretaria de Governo Digital do Ministério da Gestão e da Inovação em Serviços Públicos e com a parceria do W3C Chapter São Paulo, Movimento Web para Todos e Acesso para todos.

Participantes

Host: Amanda Marques
Convidados: Alexandre Ohkawa e Suzeli Damasceno
Produção: Espiral Interativa, Ceweb.br e Comunicação NIC.br
Estúdio de gravação: 3 Telas
Roteiros: Espiral Interativa, Acesso para Todos, Ceweb.br
Recursos de acessibilidade:
Tradução e Interpretação de Libras-Português
Intérpretes: Jade Moia e Wharlley dos Santos
Tradutora: Jade Moia
Legendas: Espiral Interativa e Ceweb.br

Links citados: https://pmc.ncbi.nlm.nih.gov/articles/PMC6150100/

Link para transcrição do episódio: https://nic.br/pagina/transcricao-todos-na-web-9/

Redes Sociais:

https://www.youtube.com/nicbrvideos/
https://x.com/comuNICbr/
https://www.telegram.me/nicbr/
https://www.linkedin.com/company/nic-br/
https://www.instagram.com/nicbr/
https://www.facebook.com/nic.br/
https://www.flickr.com/NICbr/

Veja também:

https://nic.br/
https://ceweb.br

Termos e expressões utilizados ao longo do episódio:

Aplicação: sistema, site ou aplicativo usado no computador ou celular. Exemplo: um aplicativo bancário, um formulário online ou uma loja virtual.

Astigmatismo: condição da visão que pode deixar imagens e textos embaçados ou distorcidos. Pessoas com astigmatismo podem sentir dificuldade para ler letras pequenas ou com pouco contraste.

Botão ativo / botão inativo: estado de um botão em um site ou aplicativo. Um botão ativo pode ser clicado; um botão inativo está desabilitado naquele momento. Exemplo: um botão “Enviar” que só funciona depois de preencher todos os campos obrigatórios.

Canal digital: espaço usado para compartilhar conteúdo na internet. Exemplo: sites, redes sociais, aplicativos, blogs ou plataformas de vídeo.

Componente: parte de uma interface digital que possui uma função específica. Exemplo: botão, menu, campo de busca, caixa de seleção ou formulário.

Contraste: diferença visual entre cores. Um bom contraste facilita a leitura e a identificação dos elementos na tela. Exemplo: texto preto em fundo branco costuma ser mais fácil de ler do que texto cinza claro em fundo branco.

Conteúdo adaptável: conteúdo que pode se ajustar às necessidades da pessoa usuária. Exemplo: permitir aumentar letras, mudar contraste ou usar modo escuro.

Daltonismo: condição em que a pessoa tem dificuldade para diferenciar algumas cores. Muitas pessoas confundem tons de vermelho e verde, por exemplo.

Deficiência múltipla: Quando uma pessoa possui mais de uma deficiência ao mesmo tempo. Exemplo: uma pessoa pode ter deficiência auditiva e baixa visão simultaneamente.

Design: área responsável pela aparência e pela organização visual de produtos, páginas e interfaces digitais.

Elemento em foco / foco visível: destaque visual que mostra onde a pessoa está navegando na tela usando teclado ou outro recurso. Exemplo: um contorno ao redor de um botão quando a tecla TAB é usada.

Epilepsia: condição neurológica que pode causar crises em algumas pessoas. Certos padrões visuais, luzes piscando ou combinações de cores podem provocar desconforto ou crises em algumas situações.

Estética: aparência visual de algo. Exemplo: escolha de cores, fontes, formas e estilos gráficos.

Ferramentas de contraste: programas ou sites usados para verificar se duas cores possuem contraste suficiente para leitura acessível.

Formulário: espaço em um site ou aplicativo onde a pessoa preenche informações. Exemplo: cadastro com nome, telefone e e-mail.

Fundo escuro / modo escuro: configuração visual em que o fundo da tela fica escuro e os textos claros. Muitas pessoas usam para reduzir o cansaço visual.

Intérprete de Libras: profissional que traduz informações entre a Língua Portuguesa e a Libras.

Libras (Língua Brasileira de Sinais): língua usada por muitas pessoas surdas no Brasil, baseada em sinais feitos com as mãos, expressões faciais e movimentos corporais.

Live / transmissão ao vivo: conteúdo exibido em tempo real pela internet, como palestras ou eventos online.

Norma ABNT: documento técnico criado pela Associação Brasileira de Normas Técnicas que define orientações e critérios para diferentes áreas, incluindo acessibilidade digital.

Navegação por teclado: forma de usar um site ou aplicativo sem mouse, usando apenas o teclado. Exemplo: pressionar TAB para mudar de botão ou campo.

Olhômetro: expressão usada quando alguém avalia algo apenas “no olho”, sem usar medidas ou ferramentas adequadas.

Oralizada / pessoa oralizada: pessoa surda que também utiliza a fala oral para se comunicar.

Paleta de boca: recurso assistivo usado por algumas pessoas com deficiência motora para utilizar computador ou celular segurando uma haste com a boca.

Padrão de navegação: organização previsível dos elementos em uma página ou sistema. Exemplo: menus sempre no mesmo lugar facilitam o uso.

Pessoa surdocega: pessoa que possui deficiência auditiva e visual ao mesmo tempo, em diferentes níveis.

Recursos assistivos: tecnologias, equipamentos ou estratégias que ajudam pessoas com deficiência a usar produtos e ambientes. Exemplo: leitor de tela, teclado adaptado, lupa digital ou paleta de boca.

Rótulo: nome ou identificação de um elemento em uma interface. Exemplo: o texto “Nome completo” acima de um campo de formulário.

TAB: tecla do teclado usada para navegar entre elementos de uma página, como botões, links e campos de formulário.

Uso exclusivo de cor: quando uma informação depende apenas da cor para ser entendida. Exemplo: dizer apenas “campos em vermelho são obrigatórios”, sem outro aviso textual.

Zigue-zague: padrão visual formado por linhas inclinadas que mudam de direção repetidamente. Dependendo da combinação de formas e cores, pode causar desconforto visual em algumas pessoas.

Além dos termos que comentamos aqui, a Norma ABNT 17225 traz uma seção de termos e definições que pode complementar seu entendimento e apoiar você nessa jornada.