Exemplo para Ponto de Verificação
5.1 - Para tabela de dados, identifique as linhas e as colunas dos cabeçalhos.

Exemplo
Diapositivo 43 de 120
Página anterior.Página seguinte.

Prioridade 1

Este ponto de verificação diz-lhe que que no caso de ter necessidade de formatar dados de uma forma tabular, então deve fazer uso do elemento  TABLE do HTML e dos seus elementos e atributos de suporte (tais como TR, TD, TH e CAPTION). As alternativas (tais como o uso do elemento PRE para texto pré-formatado ou usando folhas de estilo) actualmente existentes para formatar dados de forma tabular são de mais difícil compreensão para pessoas que fazem uso de tecnologias de apoio.

Uma tabela de dados simples criada com notação apropriada para tabelas de dados, deve ficar assim:

Exemplo de uma simples tabela de dados criada com notação HTML.
Cabeçalho da coluna 1 Cabeçalho da coluna 2
Cabeçalho da linha 1 Coluna 1 Linha 1 Coluna 2 Linha 1
Cabeçalho da linha 2 Coluna 1 Linha 2 Coluna 2 Linha 2

Veja o código que cria esta tabela.

O exemplo que se mostra acima é preferível ao uso do elemento <PRE> para formatar os dados, e isto porque os navegadores do futuro irão fazer uso do TH e da restante notação para TABLE para linearizar de forma lógica a informação tabular.

Nota: no caso de utilizar tabelas para formatar páginas (em vez de CSS), então NÃO deve usar a notação existente para tabelas de dados (como TH, HEADER, SCOPE, COLGROUP, etc.) e isto porque aqueles elementos devem ser usados por alguns agentes para identificar e manipular os dados).

Up one level Para Pontos de Verificação da Directriz 5.
Próximo diapositivo: Exemplo para Ponto de Verificação 5.1 continua

Introdução: ÍndiceDirectrizes: ÍndicePontos Verificação: ÍndiceExemplos: Índice

Página anterior.Página seguinte.

Chuck Letourneau & Geoff Freed

W3C Web Accessibility Initiative

Copyright © 2000 W3C