Técnicas para as WCAG 2.0

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

-

C14: Utilizar unidades 'em' para tamanhos de letra

Aplicabilidade

CSS.

Esta técnica está relacionada com:

Notas de Apoio para o Agente de Utilizador e para a Tecnologia de Apoio

No Internet Explorer 6, utilizar unidades “em” para tamanhos de letra fará com que o texto aumente mais do que se utilizar percentagem ou tamanhos de letra identificados. Deste modo, o tamanho de texto mais ampliado pode fazer com que o texto aumente mais que 200%, causando problemas de cortes.

Quando o tamanho de letra é apresentado em unidades de medida absolutas, tais como pontos ou pixéis, os comandos de menu Tamanho de Texto no Internet Explorer 7 e em versões anteriores não redimensionam o texto.

O Internet Explorer 7 só altera o tamanho do texto quando o CSS é definido num elemento style, seleccionando um elemento, tal como é apresentado nos exemplos. Quando se utiliza o estilo em linha com o atributo "style", a alteração do tamanho do texto não é suportada.

Descrição

O objectivo desta técnica é especificar o tamanho de letra do texto em unidades 'em', para que os agentes de utilizador possam ajustar o conteúdo de forma eficaz. Visto que a unidade “em” é uma propriedade do tipo de letra, é ajustada à medida que o tamanho de letra é alterado. Se for especificado um tamanho de letra para o elemento body, todos os outros elementos herdam esse valor, a não ser que sejam sobrepostos por um selector mais específico.

Exemplos

Exemplo 1: Tamanhos de letra em unidades “em” em CSS

Este exemplo define o tamanho de letra para o elemento strong, para que o seu texto seja sempre maior do que o texto circundante, em qualquer contexto utilizado. Assumindo que os cabeçalhos e parágrafos utilizam diferentes tamanhos de letra, cada palavra realçada neste exemplo será maior do que o texto circundante.

Código Exemplo:

strong {font-size: 1.6em}

 ...

<h1>Letting the <strong>user</strong> control text size</h1>
<p>Since only the user can know what size text works for him, 
it is <strong>very</strong> important to let him configure the text size.  </p>
…

Recursos

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

Testes

Procedimento

  1. Examine todas as propriedades CSS que definam o tamanho de letra para cada conjunto de regras.

  2. Verifique se o valor é expresso em unidades 'em' .

Resultados Esperados