Design de mesa acessível

A maioria dos artigos sobre como tornar as tabelas acessíveis concentra-se na semântica de como a tabela deve ser construída. Em vez de falar sobre isso, queria usar este post para discutir o design visual das tabelas. Este post vai falar especificamente sobre o espaçamento excessivo das colunas, o que dificulta muito o escaneamento delas.

Como a tabela na imagem acima foi projetada para preencher a largura de todo o contêiner, cada coluna é excessivamente larga para o conteúdo esperado. Isso significa que há uma lacuna muito grande entre o conteúdo de cada coluna e a próxima coluna. Essa lacuna torna muito difícil digitalizar cada linha e requer muito esforço para digitalizar de um lado da tabela para o outro.

Neste exemplo particular, o problema é exacerbado pelo fato de que as ações disponíveis em cada linha são colocadas na extrema direita, então o usuário do mouse tem que escanear e mover o cursor por um longo caminho para encontrar o que é essencialmente um pequeno elemento interativo.

Pessoas usando ampliação

As pessoas que usam a ampliação para aumentar o zoom em seus sistemas operacionais precisam rolar com o cursor do mouse para encontrar áreas de conteúdo de seu interesse. Em muitas orientações de design acessíveis, geralmente é recomendável manter o espaço horizontal no mínimo para evitar que as pessoas gastem muito tempo rolando.

Como você pode imaginar, os grandes espaços entre cada coluna em uma tabela significam que as pessoas que usam a ampliação precisam mover muito o cursor para encontrar a próxima coluna. Isso exigiria muito esforço para consumir o conteúdo de cada linha e de toda a tabela. Rolar do lado esquerdo de uma linha para o elemento interativo no lado direito requer uma quantidade enorme de rolagem.

Desenhe a tabela em torno do conteúdo

Em vez de preencher o espaço disponível com uma tabela de largura total por questão de estética, sugiro projetar a largura da tabela para caber no conteúdo esperado para cada coluna. Tente manter o espaço mínimo entre cada coluna para facilitar a leitura de cada linha.

Não tenha medo de deixar algum espaço sem uso. Em quase todos os casos, as pessoas que realmente usam seus produtos não se importam com o espaço. Eles estão muito mais interessados ​​nas áreas que possuem conteúdo. O que eles querem é que o conteúdo seja fácil de consumir e usar. Tabelas muito largas que exigem muito esforço para escanear não são assim.

O que você acha?

Vejo muitos exemplos de tabelas que foram projetadas para preencher o espaço, em vez de projetar as tabelas para caber no conteúdo que vai para elas. Por que você acha que é isso?

Você concorda comigo que manter as lacunas entre as colunas no mínimo facilita o consumo?

Eu adoraria ouvir seus pensamentos.