Conception de table accessible

La plupart des articles sur la création de tables accessibles se concentrent sur la sémantique de la manière dont la table doit être construite. Au lieu de parler de cela, je voulais utiliser ce post pour discuter de la conception visuelle des tableaux. Cet article parlera spécifiquement de l'espacement excessif des colonnes, ce qui les rend très difficiles à numériser.

Étant donné que le tableau de l'image ci-dessus a été conçu pour remplir la largeur de l'ensemble du conteneur, chaque colonne est excessivement large pour le contenu qui devrait y figurer. Cela signifie qu'il y a un très grand écart entre le contenu de chaque colonne et celui de la colonne suivante. Cet écart rend vraiment difficile le balayage de chaque ligne et demande beaucoup d'efforts pour balayer d'un côté à l'autre de la table.

Dans cet exemple particulier, le problème est exacerbé par le fait que les actions disponibles dans chaque ligne sont placées à l'extrême droite, de sorte qu'un utilisateur de souris doit scanner et déplacer son curseur sur une longue distance pour trouver ce qui est essentiellement un petit élément interactif.

Personnes utilisant un grossissement

Les personnes qui utilisent le grossissement pour zoomer sur leurs systèmes d'exploitation doivent faire défiler avec le curseur de leur souris pour trouver les zones de contenu qui les intéressent. Dans de nombreux conseils de conception accessibles, il est souvent conseillé de réduire au minimum l'espace horizontal pour éviter aux utilisateurs de passer beaucoup de temps à faire défiler.

Comme vous pouvez l'imaginer, les grands écarts entre chaque colonne d'un tableau signifient que les personnes utilisant le grossissement doivent beaucoup déplacer leur curseur pour trouver la colonne suivante. Cela nécessiterait beaucoup d'efforts pour consommer le contenu de chaque ligne et de l'ensemble du tableau. Le défilement du côté gauche d'une ligne à l'élément interactif sur le côté droit nécessite une quantité massive de défilement.

Concevoir le tableau autour du contenu

Au lieu de remplir l'espace disponible avec un tableau pleine largeur pour des raisons esthétiques, je suggérerais de concevoir la largeur du tableau pour qu'elle s'adapte au contenu qui devrait figurer dans chaque colonne. Essayez de garder l'espace entre chaque colonne au minimum pour faciliter la lecture de chaque ligne.

N'ayez pas peur de laisser de l'espace inutilisé. Dans presque tous les cas, les personnes qui utilisent réellement vos produits ne se soucient pas de l'espace. Ils sont beaucoup plus intéressés par les domaines qui ont du contenu. Ce qu'ils veulent, c'est que le contenu soit facile à consommer et à utiliser. Les tableaux très larges qui demandent beaucoup d'efforts pour scanner ne le sont pas.

Qu'en penses-tu?

Je vois beaucoup d'exemples de tableaux qui ont été conçus pour remplir l'espace au lieu de concevoir les tableaux pour s'adapter au contenu qui y entre. Pourquoi pensez-vous cela est?

Êtes-vous d'accord avec moi pour dire que le fait de réduire au minimum les écarts entre les colonnes les rend plus faciles à consommer ?

J'aimerais entendre vos pensées.