7 práticas recomendadas para melhorar a acessibilidade dos emojis na web

Emojis são frequentemente chamados de linguagem universal, ou língua franca, dos 21st século. Eles ajudam a quebrar barreiras entre pessoas de diferentes culturas e idiomas (e são muito divertidos). No entanto, os especialistas em acessibilidade apontam algumas questões importantes relacionadas com a acessibilidade dos emojis, e os especialistas em localização partilham as suas preocupações.

Neste artigo, examinaremos a acessibilidade dos emojis e veremos como web designers e criadores de conteúdo podem evitar os problemas mais comuns.

Quem é afetado pelos problemas de acessibilidade dos emojis?

No geral, a acessibilidade dos emojis é um aspecto da acessibilidade do site que é negligenciado. Se usados ​​sem cuidado, os emojis podem dificultar o acesso e a compreensão do conteúdo da web para:

Agora, vamos ver os problemas de acessibilidade que os grupos mencionados acima encontram e como você pode mitigá-los.

Vá para nossas dicas de acessibilidade de emojis:

1. Não abuse dos emojis

À medida que os leitores de tela e as ferramentas de conversão de texto em voz leem em voz alta o texto alternativo integrado dos emojis, seu uso excessivo pode sobrecarregar as pessoas que dependem dessas tecnologias assistivas.

Como regra geral, não adicione mais de três emojis um após o outro e só adicione um novo se contiver informações extras. Por exemplo, adicionar três tipos diferentes de emojis risonhos (por exemplo, 😃😆😄) prejudica a experiência do usuário das pessoas que acessam seu site com um leitor de tela ou ferramenta de conversão de texto em fala.

2. Recorra aos smileys amarelos padrão e gestos com as mãos

Pelo mesmo motivo mencionado acima, tente usar os smileys amarelos padrão e gestos com as mãos, a menos que o tom de pele acrescente um significado extra à sua mensagem.

Os smileys padrão sempre têm uma descrição alternativa mais curta do que os modificados — por exemplo: acenando com o sinal da mão vs. pele morena clara acenando com sinal de mão.

Embora o uso de tons de pele possa adicionar informações importantes ao emoji, os emojis de tons de pele tornam o conteúdo baseado em texto mais longo, o que pode se tornar cansativo para pessoas que acessam conteúdo da web com leitores de tela e ferramentas de conversão de texto em fala, especialmente quando são usados ​​em excesso – por exemplo se você adicionar mais de um ou todos os tons de pele do mesmo emoji, como 👋👋🏻👋🏽👋🏾👋🏿.

3. Evite usar emoticons

Os emoticons são semelhantes aos emojis, pois pretendem expressar emoções em conteúdo textual. Eles consistem em um grupo de letras, sinais de pontuação e/ou números que, quando colocados próximos uns dos outros, parecem mais ou menos uma expressão facial (por exemplo, :-) por sorrir) ou expressar uma emoção (por exemplo <3 para um coração ou ¯\_(ツ)_/¯ para um encolher de ombros).

No entanto, ao contrário dos emojis, os emoticons não têm um texto alternativo integrado, portanto, os leitores de tela e as ferramentas de conversão de texto em fala listam os caracteres um após o outro ao lê-los em voz alta - por exemplo, “dois pontos, hífen, colchete direito” para o emoticon sorridente .

Para melhorar a acessibilidade dos emojis, use sempre emojis em vez de emoticons, a menos que eles não estejam disponíveis (por exemplo, em clientes de e-mail mais antigos).

4. Teste seus emojis em diferentes modos de cores

Por padrão, os emojis são projetados para o modo claro, no entanto, pessoas com diferentes tipos de deficiência visual navegam frequentemente na web usando o modo escuro ou de alto contraste.

Além disso, o modo escuro também é frequentemente usado por usuários regulares da web, especialmente se você adicionou um alternador de tema ao seu site ou aplicativo. No entanto, mesmo que você não tenha um tema ou alternador de modo escuro, ainda é recomendável testar os emojis usados ​​em seu conteúdo ou design para modos escuros e de alto contraste, já que as pessoas frequentemente definem esses modos de acessibilidade em seus sistemas operacionais.

Abaixo está um exemplo da aparência de alguns emojis no modo escuro no editor de postagem do Twitter (definido no sistema operacional, pois é assim que a maioria das pessoas com deficiência visual usa seus computadores, no entanto, os emojis parecem iguais quando definimos o próprio Twitter escuro ou escurecer modo em sua interface web).

Como você pode ver, alguns emojis são pouco visíveis, e o problema se torna ainda mais óbvio quando são comparados a emojis que ainda têm alta visibilidade no modo escuro (este também é um bom exemplo de por que é uma boa ideia usar o amarelo padrão emojis, se puder):

Emojis visíveis versus quase invisíveis no modo escuro no TwitterEmojis visíveis versus quase invisíveis no modo escuro no TwitterEmojis visíveis versus quase invisíveis no modo escuro no Twitter

Aqui estão os mesmos emojis no modo de alto contraste (também definidos em todo o sistema) – como mostra a captura de tela acima, eles apresentam o mesmo problema de invisibilidade do modo escuro:

Emojis visíveis versus quase invisíveis em modo de alto contraste no TwitterEmojis visíveis versus quase invisíveis em modo de alto contraste no TwitterEmojis visíveis versus quase invisíveis em modo de alto contraste no Twitter

Para referência, aqui está a aparência dos mesmos emojis no modo claro - como você pode ver, os emojis que são pouco visíveis nos modos escuro e de alto contraste são altamente visíveis no modo claro (no entanto, alguns dos emojis amarelos tornam-se menos visíveis, por exemplo o gesto com a mão no final):

Emojis visíveis versus também visíveis no modo claro no TwiterEmojis visíveis versus também visíveis no modo claro no TwiterEmojis visíveis versus também visíveis no modo claro no Twiter

Você pode melhorar ainda mais a acessibilidade dos emojis se escolher um design de emoji que adicione um contorno ao redor dos emojis, já que emojis com contorno escuro têm maior visibilidade no modo claro (enquanto nos modos escuro e de alto contraste, os contornos são pouco visíveis):

Emojis com contorno escuro, alguns exemplosEmojis com contorno escuro, alguns exemplosEmojis com contorno escuro, alguns exemplos
Crédito da imagem: Emojipedia.org

Você também pode verificar rapidamente a visibilidade de seus emojis usando o emulador de daltonismo do Chrome DevTools (você pode fazer isso em apenas 4 cliques).

5. Evite usar emojis animados

Embora os emojis animados não sejam a norma, eles existem e podem causar problemas para pessoas com distúrbios vestibulares que podem sentir tonturas, dores de cabeça, náuseas e convulsões ao observar movimentos excessivos ou irregulares na tela por um longo período de tempo.

De modo geral, as mesmas regras se aplicam aos emojis animados e à acessibilidade geral da animação – evite usá-los, a menos que tenham um significado específico. Mesmo se você quiser adicioná-los ao seu design ou conteúdo, não os abuse, porque vários emojis animados próximos uns dos outros, potencialmente cada um se movendo em velocidades diferentes, podem prejudicar a experiência do usuário, mesmo para visualizadores sem deficiência.

6. Não use emojis para transmitir significado

Semelhante às cores no web design, não é recomendado que você confie apenas em emojis para transmitir uma mensagem, pois o público-alvo não será necessariamente capaz de consumi-los. Emojis podem ser uma boa adição e aprimorar seu texto com um significado extra, mas não devem ser usados ​​como principal meio de comunicação.

Em outras palavras, evite usar emojis para substituir palavras funcionais em frases — por exemplo, esta não é uma mensagem acessível: your 🏠 is on 🔥, 📞 the 🚒. As pessoas nem sempre leem por diversão, o conteúdo textual também pode ser importante e urgente, portanto, seguir as melhores práticas de acessibilidade de emojis às vezes pode salvar vidas.

Emojis usados ​​de forma inconsistente também prejudicam a legibilidade e podem representar problemas para pessoas com deficiências cognitivas, pois levarão mais tempo para navegar e compreender seu conteúdo.

7. Pense se seus emojis precisam ser “traduzidos”

Se você tem um site multilíngue, também precisa pensar se os emojis usados ​​em seu conteúdo ou design precisam ser localizados.

O conteúdo traduzido não é igual ao conteúdo original escrito para uma cultura, idioma e público específicos porque o texto e o design têm muitos outros aspectos além da gramática e das palavras. Embora, em geral, os emojis constituam uma linguagem universal, às vezes podem significar coisas diferentes para pessoas de culturas diferentes.

A localização de emojis pode ser difícil se você não conhece bem os dois idiomas entre os quais traduz, não apenas no nível linguístico, mas também no nível cultural.

Este estudo sobre redes sociais e mídia on-line (2021) lista vários exemplos de como os emojis são usados ​​e têm significados diferentes em vários países e idiomas, mas como regra geral, trate os emojis como qualquer outra parte de um idioma e não se esqueça de localizá-los para um contexto cultural mais amplo. Isso significa que pode ser necessário usar um emoji diferente para expressar o mesmo sentimento ou significado em outro idioma.

Resumo

A acessibilidade dos emojis é um aspecto frequentemente esquecido da acessibilidade de sites que afeta vários usuários com ou sem deficiência – incluindo pessoas com deficiência visual, vestibular e cognitiva; os usuários de modos escuros e de alto contraste, leitores de tela e ferramentas de conversão de texto em fala; e o público internacional de sites e aplicativos multilíngues.

Neste artigo, analisamos sete práticas recomendadas que web designers, desenvolvedores e criadores de conteúdo podem usar para melhorar a acessibilidade dos emojis.

Embora haja definitivamente uma compensação entre design, estética e o fator divertido dos emojis versus acessibilidade dos emojis, ainda vale a pena considerar as questões acima e implementar algumas ou todas as práticas recomendadas porque são maneiras relativamente fáceis de ajudar seus visitantes a acessar , use e entenda seu design e o conteúdo que você publica em seu site.

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *