Técnicas para as WCAG 2.0

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

-

C24: Utilizar valores de percentagem em CSS para os tamanhos das caixas

Aplicabilidade

Páginas que utilizem CSS.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é permitir que os utilizadores que necessitam de aumentar o tamanho do texto para o lerem não tenham de se deslocar horizontalmente para lerem uma linha de texto. Para utilizar esta técnica, o autor especifica a largura das caixas de texto utilizando valores de percentagem.

Exemplos

Exemplo 1

Um jornal apresenta o conteúdo no centro da janela. A largura da caixa do conteúdo é especificada em percentagens de página de modo a que, quando uma pessoa com baixa visão aumentar o tamanho da letra, o texto reflua na janela do browser com o novo tamanho, e o deslocamento horizontal não seja necessário.

Testes

Procedimento

  1. Verifique se todas as larguras das caixas são especificadas em valores de percentagem.

  2. Aumente o tamanho do texto até 200%.

  3. Certifique-se de que o deslocamento horizontal não é necessário para ler qualquer linha de texto.

  4. Verifique se todo o texto ainda está visível na página.

Resultados Esperados