Escrita da direita para a esquerda RTL

O que significa a escrita da direita para a esquerda?

O idioma árabe é lido e escrito da direita para a esquerda. Isso é natural para milhões de pessoas, mas a maioria dos sites e aplicativos surgiu pensando no inglês, que segue a direção oposta. Por isso, uma página precisa de uma configuração especial para exibir o árabe de forma correta.

Essa configuração técnica se chama RTL, sigla em inglês para Right to Left, ou seja, da direita para a esquerda. O oposto é o LTR, ou Left to Right, que é o padrão do português, do inglês e da maior parte das línguas ocidentais. Outros idiomas também seguem esse sentido da direita, como o persa, o urdu e o hebraico.

O suporte RTL vai muito além de apenas traduzir palavras. Ele faz com que a página inteira se inverta como em um espelho: o menu principal, os botões, as setas e a posição das fotos e dos blocos de texto mudam de lado. O leitor sente na hora que o site foi feito para ele, com todo o cuidado.

Como o formato RTL funciona em sites e aplicativos?

Toda página na internet é criada com uma linguagem chamada HTML, que organiza o conteúdo. Junto dela usamos um arquivo de estilo chamado CSS, que define as cores, os espaçamentos e a posição de cada elemento. Ao preparar a página para o árabe, duas etapas acontecem:

1. Declarar a direção: o código informa que o idioma é o árabe e que a leitura vai da direita para a esquerda por meio do atributo dir com o valor rtl. Quando navegadores como Chrome ou Safari leem essa regra, alinham os textos à direita.
2. Inverter o layout: as regras de estilo deixam de fixar direita e esquerda de modo rígido. Elas passam a usar termos lógicos, como início e fim de linha. No árabe, o início fica na direita; no português, na esquerda. Dessa forma, uma única estrutura atende aos dois idiomas sem erros.

Nos celulares a lógica é parecida. Os sistemas iOS e Android reconhecem o árabe e viram a tela por conta própria quando o aplicativo é programado do jeito certo. Se o desenvolvedor travou cada botão em uma posição fixa, nada se move e a tela fica toda desorganizada.

Texto misto

É muito comum uma mesma frase misturar termos em árabe, palavras em inglês e números. Pense em um aviso como: “Seu pedido número 4521 para o aparelho iPhone está pronto para envio”. Nessa situação, os números e o nome em inglês continuam da esquerda para a direita, dentro de uma frase árabe que caminha para a esquerda. Os navegadores e celulares contam com um recurso automático chamado texto bidirecional, ou Bidi. Esse sistema às vezes erra nos pontos finais e pontos de interrogação, jogando o sinal para o lado errado. Nossa equipe confere esses casos um a um para deixar tudo alinhado.

Por que o suporte RTL é importante para você?

• Conforto na leitura: quem lê em árabe olha primeiro para o canto superior direito. Se o texto começar do lado errado, a vista cansa depressa e a pessoa fecha a página.
• Mais confiança: uma tela alinhada mostra capricho e atenção aos detalhes. Um design torto passa a imagem contrária, mesmo que os seus serviços sejam ótimos.
• Mais vendas: em uma loja virtual, se a seta de avançar estiver apontando para trás ou o botão de compra sumir de lugar, o cliente hesita. E a dúvida faz os pedidos caírem.
• Destaque nas buscas: indicar o idioma e a direção com clareza ajuda o Google a entender a página em árabe e a mostrá-la para quem pesquisa nessa língua.
• Acessibilidade para todos: os leitores de tela usados por pessoas com deficiência visual dependem da direção certa para ler o conteúdo na ordem adequada.

Pense em uma clínica médica que abre um site para agendamentos. Um paciente idoso entra pela tela do celular. Se o calendário começar invertido e o botão de confirmar estiver em um lugar estranho, ele desiste e liga para a clínica. Quando tudo está no lugar esperado, ele agenda a consulta em um minuto.

O que inverte de lado e o que continua igual?

Nem tudo na tela precisa mudar de posição. A tabela abaixo resume as situações mais comuns:

Como conseguir um suporte RTL bem feito?

A regra de ouro é simples: peça o suporte ao árabe desde o primeiro dia de conversa. Querer colocar o RTL depois que o site está pronto é como mudar a posição de uma escada com a casa já construída. É possível, mas custa mais caro, demora mais e costuma deixar defeitos espalhados.

Ao conversar com uma equipe técnica, faça estas perguntas:

• A estrutura visual está sendo criada para os dois sentidos desde o começo?
• As páginas em árabe passam por testes em aparelhos celulares de verdade?
• A fonte escolhida para o árabe fica nítida em telas pequenas?
• Os avisos do sistema e as mensagens de erro aparecem na direção certa?
• Os relatórios impressos e arquivos para download também funcionam em árabe?

Para sites

Em nosso serviço de criação e desenvolvimento de sites na Linkysoft, montamos cada projeto do zero, sem usar modelos prontos. Nós incluímos a compatibilidade com o árabe, a direção RTL e vários idiomas desde o primeiro momento. Criamos o design pensando no celular primeiro e testamos em celulares de verdade antes do lançamento, para que você veja a página exatamente como os seus clientes verão. Você é o único dono do site, dos textos e de todo o código-fonte.

Para aplicativos web e sistemas de gestão

Um aplicativo web roda direto pelo navegador para controlar estoque, equipes ou reservas. Esses sistemas reúnem muitas tabelas, painéis e relatórios que precisam de uma ordem impecável para o trabalho diário render. Nosso trabalho com aplicativos web e sistemas de gestão constrói ferramentas sob medida para o seu negócio, compatíveis com RTL e vários idiomas em qualquer tela. Você fica com a posse completa de todo o código e dos seus dados.

Para aplicativos móveis

Nossa equipe de desenvolvimento de aplicativos móveis cria apps sob medida para iPhone e Android com modo claro, modo escuro e vários idiomas. Nós testamos o aplicativo em muitos celulares de verdade antes de publicar na App Store e no Google Play, e continuamos cuidando da manutenção depois do lançamento.

Se você tem dúvidas sobre o que o seu projeto precisa, peça uma orientação gratuita com a equipe da Linkysoft antes de começar.

Erros comuns que você deve evitar

• Traduzir sem adaptar a tela: os textos estão em árabe, mas os menus e botões continuam presos no padrão ocidental.
• Inverter tudo sem critério: girar números, logotipos ou botões de vídeo deixa o visual sem sentido.
• Esquecer os trechos de texto misto: frases com nomes em inglês ou números viram uma bagunça se a ordem dos caracteres não for tratada.
• Escolher uma fonte ruim: tipos de letra inadequados deixam as letras árabes soltas ou pequenas demais na tela do celular.
• Deixar itens secundários de fora: e-mails automáticos, notificações, comprovantes em PDF e janelas de alerta costumam ser esquecidos.
• Testar apenas no computador: a maior parte das visitas vem pelo celular, onde qualquer erro de alinhamento aparece na hora.