Autor: Roger Hudson
URL do original: https://www.usability.com.au/resources/tabletest.cfm
Título original: Data Table Accessibility Test Page
Traduzido com autorização expressa do autor
Nota: Foram feitas adaptações devidamente autorizadas pelo autor da matéria.

Página de testes para acessibilidade em tabelas

Ao longo destes anos, muita discussão tem sido estabelecida, sobre a melhor maneira de se apresentar informações em tabelas de dados sobre o ponto de vista da acessibilidade.

Roger Hudson e Russ Weakley dedicadam-se a estudar como as pessoas que usam leitores de tela acessam tabelas de dados. As observações tem confirmado a necessidade de se construir tabelas de dados à maneira mais simples possível.

É relativamente simples construir uma tabela de dados acessível quando constituda por um nível de linha e de coluna de títulos, contudo nem sempre é possível ter-se apenas um nível de títulos. Algumas tabelas de dados, por exemplo; tabelas científicas ou tabelas com dados de instituições financeiras, requerem mais de um nível de linhas e de colunas de títulos. É bem mais complicado construir uma tabela acessível, com múltiplos níveis de linhas e títulos.

Nós preparamos esta página, para testar os diferentes meios de se incrementar a acessibilidade em tabelas de dados. Nós esperamos obter " feedback" de usuários e desenvolvedores, particularmente daqueles que se utilizam de tecnologias assistivas.

Por favor envie sua opinião para nós sobre a acessibilidade a cada uma das tabelas apresentadas, bem como suas sugestões de como aumentar a acessibilidade. E, por favor não se decepcione com a simplicidade dos conteúdos ou da quantidade de níveis de cabeçalho usado nas tabelas mais complexas.

Tabela 1: Limões e peras - Tabela simples sem scope ou headers

Preços em reais para limões e peras no Rio de Janeiro
Limões Peras
Atacado 1,00 1,50
Varejo 2,00 2,50

Tabela 2: Laranjas e maçãs - Tabela complexa usando id e headers

A tabela a seguir contém informações sobre preços em reais no atacado e no varejo para laranjas e maçãs importadas e nacionais praticados nas cidades do Rio de Janeiro e de São Paulo. Existem dois níveis de cabeçalhos de linhas nesta tabela.

Preços em reais para laranjas e maçãs importadas e nacionais nas cidades do Rio de Janeiro e de São Paulo
Importada Nacional
Laranjas Maçãs Laranjas Maçãs
Rio de Janeiro
Atacado 1,00 1,25 1,20 1,00
Varejo 2,00 3,00 1,80 1,60
São Paulo
Atacado 1,20 1,30 1,00 0,80
Varejo 1,60 2,00 2,00 1,50

Tabela 3: Porcas e Parafusos - Tabela complexa usando scope, colgroup e rowgroup.

A tabela a seguir contém informações sobre preços em reais no atacado e no varejo para duas bitolas de porcas e parafusos de latão e de aço. Existem dois níveis de cabeçalhos de linhas nesta tabela.

Preços em reais para porcas e parafusos de latão e aço
Latão Aço
Parafusos Porcas Parafusos Porcas
10cm
Atacado 1,00 1,25 1,20 1,00
Varejo 2,00 3,00 1,80 1,60
20cm
Atacado 1,20 1,30 1,00 0,80
Varejo 1,60 2,00 2,00 1,50

Table 4: Cerejas e Damascos - Tabela muito complexa usando id e headers.

A tabela a seguir contém informações sobre preços em reais no atacado e no varejo para cerejas e damascos importados e nacionais praticados nas cidades do Rio de Janeiro e de São Paulo. As cerejas são classificadas em dois tipos. Existem dois níveis cabeçalho de linhas e três níveis de cabeçalhos de colunas nesta tabela.

Preços em reais para cerejas e damascos importados e nacionais nas cidades do Rio de Janeiro e de São Paulo
Importada Nacional
Damascos Cerejas Damascos Cerejas
Tipo A Tipo B Tipo A Tipo B
Rio de Janeiro
Atacado 1,00 9,00 6,00 1,20 13,00 9,00
Varejo 2,00 12,00 8,00 1,80 16.00 12,50
São Paulo
Atacado 1,20 N/D 7,00 1,00 11,00 6,00
Varejo 1,60 N/D 11,00 2,00 13,00 10,00