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

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.

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.

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.