Como você escolhe alternativas de texto para emoticons e ícones em seu conteúdo da Web?

2 Por que emoticons e ícones precisam de alternativas de texto?

Emoticons e ícones são conteúdos não textuais que podem comunicar emoções, ações, conceitos ou símbolos. No entanto, eles também podem representar desafios de acessibilidade, pois podem não ser reconhecidos, compreendidos ou pronunciados corretamente por leitores de tela ou outras tecnologias assistivas. Por exemplo, um ícone de rosto sorridente pode ser lido como "parêntese direito de traço de dois pontos" ou "rosto sorridente com boca aberta e olhos sorridentes", dependendo do leitor de tela e das configurações de idioma. Nenhuma dessas alternativas de texto transmite o significado e o tom pretendidos do ícone.

3 Como escolher alternativas de texto para emoticons e ícones?

A WCAG sugere que as alternativas de texto para conteúdo não textual devem ser equivalentes, concisas e apropriadas para o contexto e o público. Ao selecionar alternativas de texto para emoticons e ícones, considere a finalidade e a função do emoticon ou ícone. É decorativo, informativo ou interativo? É essencial para entender o conteúdo ou a navegação? É redundante com outro conteúdo de texto ou não-texto? Utilize linguagem simples que descreva o significado e a emoção do emoticon ou ícone; Evite termos técnicos, abreviações ou códigos que possam não ser familiares aos usuários. Além disso, use pontuação, aspas, colchetes ou outros símbolos para indicar que a alternativa de texto está substituindo um emoticon ou ícone. Isso ajuda a distinguir a alternativa de texto do texto circundante e a evitar confusão ou ambiguidade. Para HTML ou CSS, use o atributo alt, o atributo aria-label ou a propriedade CSS content para fornecer uma alternativa de texto para emoticons e ícones sem alterar a aparência visual da página.

5 Como melhorar as alternativas de texto para emoticons e ícones?

As alternativas de texto para emoticons e ícones não devem ser estáticas ou fixas. Em vez disso, eles podem ser aprimorados e atualizados por meio de comentários, testes e alterações no conteúdo da Web, nas necessidades do usuário e na tecnologia. Para fazer isso, revise e revise alternativas de texto regularmente para garantir precisão, relevância e consistência com conteúdo não textual. Além disso, use diferentes alternativas de texto para diferentes situações, contextos e públicos. Por exemplo, use alternativas de texto mais formais ou descritivas para conteúdo da Web profissional ou educacional e alternativas de texto mais informais ou expressivas para conteúdo da Web pessoal ou social. Finalmente, considere o uso de emojis ou caracteres Unicode em vez de imagens ou fontes personalizadas para emoticons e ícones. Emojis e caracteres Unicode são mais acessíveis e compatíveis com diferentes dispositivos, navegadores e plataformas. Além disso, possuem nomes e descrições padronizados que podem ser utilizados como alternativas de texto. Por exemplo, em vez de usar uma imagem ou uma fonte personalizada para um ícone de coração, use o emoji ❤️ ou o caractere Unicode ❤.

6 Veja o que mais considerar

Este é um espaço para compartilhar exemplos, histórias ou insights que não se encaixam em nenhuma das seções anteriores. O que mais gostaria de acrescentar?