Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

H56: Utilizar o atributo dir num elemento inline para solucionar problemas com as orientações encaixadas

Aplicabilidade

HTML e XHTML.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é identificar alterações na direcção do texto que inclui orientações encaixadas, fornecendo o atributo dir em elementos em linha. Uma orientação encaixada é uma ocorrência de texto que inclui texto direccional misturado, por exemplo, um parágrafo em inglês com uma citação em hebraico, que, por sua vez, inclui uma frase em inglês. A utilização do atributo dir num span anexado ou outro elemento em linha pode ser necessária, uma vez que o algoritmo bidireccional Unicode (página em inglês) pode produzir resultados indesejados quando o texto direccional misturado incluir espaços ou pontuação. Os conceitos utilizados nesta técnica são descritos em O que precisa de saber sobre o algoritmo bidi e a marcação em linha (página em inglês).

Exemplos

Exemplo 1

Este exemplo define a direcção do texto de uma frase encaixada e de direcção misturada, em hebraico e em inglês, para ser da direita para a esquerda. Uma vez que toda a citação está em hebraico e, por conseguinte, da direita para a esquerda, o texto "W3C" e a vírgula devem aparecer à esquerda (i.e., a seguir) do texto em hebraico, da seguinte forma:

O título é "פעילות הבינאום, W3C" em hebraico.

Versão ASCII visualmente ordenada (texto RTL (da direita para a esquerda) em letras maiúsculas, texto LTR (da esquerda para a direita) em letras minúsculas):

o título é "w3c,YTIVITCA NOITAZILANOITANRETNI" em hebraico.

O algoritmo bidireccional Unicode por si só é insuficiente para alcançar o resultado correcto, e deixa o texto 'W3C' no lado direito da citação:

O título é "פעילות הבינאום, W3C" em hebraico.

Versão ASCII visualmente ordenada:

o título é "YTIVITCA NOITAZILANOITANRETNI, w3c" em hebraico.

A marcação seguinte irá produzir o resultado esperado:

Código Exemplo:

<p>The title says "<span lang="he" 
dir="rtl">פעילות הבינאום, W3C</span>" in Hebrew.</p> 

Recursos

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

Testes

Procedimento

  1. Verifique qual a direcção do texto no documento.

  2. Se a direcção do texto for da direita para a esquerda, verifique se o atributo dir para o elemento ancestor tem o valor "rtl".

  3. Se a direcção do texto for da esquerda para a direita, verifique se não existe nenhum elemento ancestor com um atributo dir, ou se o atributo dir para o elemento ancestor tem o valor "ltr".

Resultados Esperados