Técnicas para as WCAG 2.0

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

-

G103: Fornecer ilustrações visuais, imagens e símbolos para ajudar a explicar ideias, eventos e processos

Aplicabilidade

Todas as tecnologias.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é fornecer ilustrações visuais que ajudem os utilizadores com incapacidades de leitura a compreender texto complexo que descreva conceitos ou processos. As ilustrações são fornecidas para além do texto.

Os utilizadores com incapacidades que dificultam a descodificação de palavras e orações têm mais probabilidade de ter dificuldades na leitura e compreensão de texto complexo. Os gráficos, os diagramas, as animações, as fotografias, os organizadores de gráficos ou outros conteúdos visuais ajudam, muitas vezes, os utilizadores. Por exemplo:

Exemplos

Exemplo 1: Um relatório anual de uma empresa

Um relatório anual indica vários factores que influenciaram o desempenho da empresa no ano passado. O relatório também inclui gráficos e diagramas que ilustram como estes factores interagem. Cada gráfico ou diagrama tem uma alternativa em texto, conforme exigido pelo Critério de Sucesso 1.1.1. Cada um deles tem igualmente um número na respectiva legenda (por ex., “Figura 7"). Estes números são utilizados no texto para fazer referência aos gráficos ou aos diagramas.

Exemplo 2: Capturas de ecrã em documentação técnica

A documentação online de um produto inclui instruções passo a passo. Cada passo é ilustrado por uma captura de ecrã que mostra o aspecto visual do ecrã. Cada captura de ecrã tem alternativas em texto, conforme exigido pelo Critério de Sucesso 1.1.1.

Exemplo 3: Ilustrações de um evento natural complexo

Um sítio da Web fala sobre o tsunami de 2004. O sítio da Web descreve como o tsunami afectou vários locais à volta do Oceano Índico e inclui fotografias da devastação em cada área, em que cada fotografia tem uma alternativa em texto, conforme exigido pelo Critério de Sucesso 1.1.1. O sítio da Web também explica o que acontece debaixo de água durante um tsunami. A explicação é acompanhada por uma animação que mostra como ocorre um tsunami e como se espalha pelo oceano. A animação tem uma alternativa em texto, conforme exigido pelo Critério de Sucesso 1.1.1.

Recursos

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

(actualmente, não existe nenhuma indicada)

Testes

Procedimento

  1. Identifique texto que apresente ideias ou processos que têm de ser compreendidos para utilizar o conteúdo.

  2. Verifique se as ilustrações visuais estão disponíveis no conteúdo ou através de links existentes no mesmo.

  3. Verifique se as ilustrações visuais mostram os conceitos ou processos apresentados no texto.

Resultados Esperados