Técnicas para as WCAG 2.0

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

-

C13: Utilizar tamanhos de letra identificados

Aplicabilidade

CSS.

Esta técnica está relacionada com:

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

Quando o tamanho de letra é especificado em qualquer unidade de medida absoluta, 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.

Descrição

O objectivo desta técnica é especificar um tamanho de letra identificado que apresente o tamanho de letra relativo pretendido. Estes valores fornecem sugestões para que o agente de utilizador possa escolher um tamanho de letra relativo ao tamanho de letra herdado.

Exemplos

Exemplo 1: Tamanhos de letra identificados em CSS

Este exemplo selecciona um tamanho de letra ampliado para os elementos 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: larger}

 ...

<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.  
…

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 do conjunto de regras CSS.

  2. Verifique se o valor é um dos seguintes: xx-small, xx-small, x-small, small, medium, large, x-large, xx-large, xsmaller, ou larger.

Resultados Esperados