Os quatro princípios da WCAG
As WCAG (Web Content Accessibility Guidelines) baseiam-se em quatro princípios: Perceptibilidade, Operabilidade, Compreensibilidade e Robustez. Estes aplicam-se independentemente do idioma do conteúdo. Perceptibilidade significa que todas as informações podem ser captadas por utilizadores com deficiências visuais ou auditivas. Operabilidade garante que todas as funções são utilizáveis através do teclado e sem restrições de tempo. Compreensibilidade exige linguagem clara e navegação consistente. Robustez assegura a compatibilidade com tecnologias assistivas. Para sites internacionais, estes princípios devem ser implementados igualmente em cada versão linguística.
Marcação de idioma com o atributo lang
O atributo lang no elemento HTML indica o idioma natural de uma página ou seção. Leitores de tela usam esse atributo para selecionar a pronúncia e entonação corretas. Em sites multilíngues, o atributo lang deve ser definido corretamente na página principal e em mudanças de idioma no texto. Por exemplo: <html lang=“de“> para alemão e <span lang=“en“> para trechos em inglês. A falta desse atributo pode dificultar significativamente o uso da página para pessoas com deficiência visual. Portanto, verifique se cada variante de idioma possui a atribuição completa e correta.
Contrastes e cores
Contrastes suficientes entre texto e fundo são essenciais para a legibilidade. O nível AA das WCAG exige uma taxa de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande. Isso se aplica a todos os idiomas de um site. Evite usar apenas diferenças de cor para transmitir informações, pois usuários daltônicos não conseguem percebê-las. Utilize também símbolos ou marcações de texto. Esquemas de cores devem ser verificados em todas as versões locais, pois as associações culturais podem variar. Teste suas páginas com ferramentas de análise de contraste durante o desenvolvimento.
Operação por teclado
Todos os elementos interativos devem ser acessíveis e operáveis pelo teclado. Isso inclui links, botões, campos de formulário e menus. O foco deve estar visível, idealmente com um contorno de foco claro. Evite elementos que funcionam apenas com mouse ou toque. Especialmente em sites internacionais com navegações complexas, a operação por teclado deve ser testada em cada versão de idioma. Conteúdos dinâmicos como janelas modais devem gerenciar o foco corretamente. Certifique-se de que a ordem dos elementos no DOM corresponda à ordem lógica e não seja determinada apenas pelo CSS.
Textos alternativos em contextos multilíngues
Os textos alternativos descrevem imagens para leitores de tela e devem ser escritos no idioma da página ao redor. Em sites multilíngues, isso significa que cada imagem recebe um texto alternativo na respectiva versão de idioma. Não use traduções automáticas; crie descrições adequadas para cada público-alvo. Gráficos com texto devem reproduzir o texto contido como texto alternativo. Imagens decorativas recebem um texto alternativo vazio (alt=““) para serem ignoradas por tecnologias assistivas. Essa abordagem garante que o conteúdo permaneça acessível em todos os idiomas.
