Por que texto estiloso pode ser inacessível

Geradores de texto estiloso trocam letras comuns por caracteres Unicode parecidos (veja por que fontes estilosas não funcionam em todo lugar) — principalmente do bloco Mathematical Alphanumeric Symbols, que o Unicode destina à notação matemática, não a texto comum. Quem vê a tela lê “𝓝𝓸𝓿𝓪” como “Nova”. As tecnologias assistivas leem os caracteres como o que eles realmente são.

O nome estilizado Nova como é visto (4 letras), ao lado dos nomes de caracteres Unicode que um leitor de tela pode ler em voz alta.
Visto x ouvido: um nome curto estilizado pode virar um anúncio longo.

Cada uma dessas quatro letras tem o próprio nome oficial: mathematical bold script capital n, mathematical bold script small o, mathematical bold script small v, mathematical bold script small a. A Scope, organização britânica voltada a pessoas com deficiência, relata que leitores de tela podem anunciar letras estilizadas assim, ler algo sem relação ou pulá-las totalmente. De qualquer forma, um nome curto fica lento, confuso ou invisível para quem depende de leitor de tela.

Quem é afetado

Sete hábitos para um texto estiloso acessível

  1. Mantenha as palavras importantes em texto simples. Estilize um nome curto ou uma palavra, não frases, bios ou instruções inteiras.
  2. Coloque a versão simples onde as pessoas olham. Muitos apps têm um nome de exibição e um @ ou bio — mantenha um deles em letras simples.
  3. Use decorações nas pontas. Símbolos em volta de um nome são mais fáceis de pular do que símbolos entre as letras.
  4. Use menos símbolos. Cada símbolo pode ser lido pelo nome; cinco estrelas podem virar cinco anúncios.
  5. Não use texto estiloso para informações importantes. Datas, links, preços, regras e chamadas para ação devem estar sempre em texto simples.
  6. Prefira emojis de significado claro a símbolos decorativos quando quiser um pictograma — emojis têm descrições padrão, mas use poucos e no final.
  7. Teste. Ative o leitor de tela do celular (VoiceOver no iPhone, TalkBack no Android) e ouça seu nome ou sua bio.

Exemplos melhores e piores

Mesma ideia, acessibilidade diferente
Menos acessívelMais acessívelPor quê
𝓙𝓸𝓲𝓷 𝓶𝔂 𝓽𝓮𝓪𝓶 𝓽𝓸𝓭𝓪𝔂Join my team today ✦Uma frase em letras estilizadas pode ser lida letra por letra; texto simples com um único enfeite mantém o visual.
★彡N★o★v★a彡★★ 𝓝𝓸𝓿𝓪 ★Símbolos entre as letras quebram a palavra; nas pontas, são mais fáceis de pular.
𝓝𝓸𝓿𝓪 (sozinho)𝓝𝓸𝓿𝓪 · bio: “Nova”A grafia simples permite que as pessoas pesquisem e ouçam seu nome.

Uma checklist rápida antes de publicar

Cinco perguntas para fazer sobre qualquer nome ou bio estilizados
PerguntaSe a resposta for não
Alguém consegue me encontrar digitando meu nome em letras simples?Adicione a grafia simples ao seu @, ao nome de exibição ou à bio.
Todas as palavras importantes estão em texto simples?Reescreva datas, links, preços e instruções em letras simples.
As decorações estão só no começo ou no fim?Tire os símbolos do meio das letras.
O texto continuaria fazendo sentido sem nenhum símbolo?Troque por palavras os símbolos que carregam significado.
Já ouvi com um leitor de tela?Ative o VoiceOver ou o TalkBack por um minuto e ouça.

Para criadores e empresas

Se você publica para um público, as mesmas regras valem com mais em jogo. Use formatação de verdade (o negrito ou itálico do próprio app, quando houver) em vez de caracteres Unicode estilizados, escreva hashtags em letras simples — colocar maiúscula em cada palavra (#PlayNova) ajuda os leitores de tela a pronunciá-las corretamente — e reserve o texto estiloso para pequenos toques decorativos.

Perguntas frequentes

Leitores de tela leem texto estiloso?

Muitas vezes, não como palavras. Leitores de tela podem anunciar letras estilizadas pelo nome Unicode, como “mathematical bold script capital N”, ler algo sem relação ou pulá-las.

Existe uma fonte estilosa totalmente acessível?

Não como texto para copiar e colar. Fontes de verdade mudam a aparência das letras comuns sem mudar os caracteres, mas a maioria dos apps não deixa você escolher a fonte. Manter uma versão simples junto da estilizada é a solução prática.

Fontes

Próximo passo

Confira do que seu texto estiloso é realmente feito antes de publicar.