Sujet Dev : Tableaux en html

Accueil Forums InfoTech Sujet Dev : Tableaux en html

Gwen
Participant

Bonjour,

Je me permets de poster ici un sujet un peu pointu. Ca concerne l’accessibilité des tableaux codés en html.

J’utilise généralement toujours la même méthode pour coder des tableaux mais il se trouve que parfois ils sont bien reconnus en tant que tableaux par VoiceOver et parfois non.

J’utilise la balise table puis tbody et bien évidemment tr pour les lignes et td pour les cellules et généralement j’englobe tout ça dans un div.

Est-ce que vous auriez des idées, pourquoi des fois c’est correctement identifié en tableau et parfois non ? Côté code html je ne comprends pas. peut-être côté CSS ?

Kevin
Maître des clés

Bonsoir Gwen,

Ce sont effectivement des balises essentielles dans le cadre de la conception de tableaux. Néanmoins on peut également leur associer les balises caption (spécifique au lecteur d’écran avec la classe CSS “SR-Only” pour la dissimuler aux voyants), thead, TH, thfoot et scope pour optimiser sensiblement le traitement par les technologies d’assistance.

Par exemple, avec scope, tu peux définir le sens de la lecture des lignes (horizontal ou vertical) au sein d’une colonne.

Du reste, tout comme toi je pense que le CSS mal employé peut être source de confusion pour nos chers lecteurs d’écran…

Bonne fin de soirée.

Gwen
Participant

Bonjour Kevin,

Merci je vais essayer de voir si en ajoutant ces balises, la détection en tant que tableau est plus constante.

Kevin
Maître des clés

Il est probable que VoiceOver soit également plus efficient à ce niveau sous macOS Big Sur ; ici j’ai notamment pu constater des améliorations flagrantes en ce qui concerne la détection de listes à puces et ordonnées avec Safari.

Gwen
Participant

Bonjour Kevin,

J’ai fait plusieurs tests, visiblement pour VoiceOver, pour que le tableau soit bien un tableau, le plus important est d’avoir une ligne de cellules d’entête avec th.
Si on met caption mais pas de th ça marche aussi, mais dans le cas du tableau qui me posait problème dernièrement il n’était pas souhaitable d’avoir cette balise….

Merci pour tes indications qui m’ont bien servies.

Kevin
Maître des clés

Bonsoir Gwen,

Merci pour ce retour d’expérience. Je suis ravi d’avoir pu t’aider.

Vous devez être connecté pour répondre à ce sujet.

Déficience visuelle et autonomie