14 -Labels, imagens e forms

Instrução para validar os critérios do morga relacionados a imagens e labels

Descrição para imagens e formulários

Disponibilizar uma descrição em texto (visível ou não) indicando o conteúdo para imagens que transmitem informação, é essencial para que pessoas com baixa visão ou com cegueira que usam leitores de tela identifiquem o conteúdo.

Perfis atendidos: Deficiência visual, baixa visão e cognitiva.

Morga

20 - fornecer descrição para botões de imagens e campos de formulários;

Exemplo de texto alternativo de imagem

Ítens de avaliação

• Verificar se os elementos de imagem possuem texto alternativo

• Se tiver botões de imagem ou semelhantes ele devem possuir texto alternativo

• Inputs de formulários precisam ter labels

Verificação no wave

Ícone evidencia que imagem está sem texto alternativo.

ícone evidencia que existem um link sem texto e com uma imagem sem texto alternativo.

ícone evidencia que existem uma imagem de espaçamento que deve ter uma descrição nula.

ícone evidencia que o image button não tem texto alternativo.

Mapas sem textos alternativos

Label não está associada aos inputs de formulário corretamente.

Label de formulário sem texto, impossibilitando a identificação

Input de formulário com mais de uma label atribuída a ele.

Botão sem texto de Label.

Link de imagem com texto alternativo.

Image button com link alternativo.

Label de formulário corretamente utilizado.

Referências

http://emag.governoeletronico.gov.br/