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 ?
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.
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.
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.