Bon,
C'est ce que j'essaye d'expliquer …
Le contexte : c'est tous les tableaux générés par LimeSurvey en fait …
Actuellement : les tableaux ont un role=group :
bugs.limesurvey.org/view.php?id=18243
, c'est pratique pour les lecteurs d'écran selon quelques retours, mais : ca passe pas les critères RGAA/WCAG, et c'est améliorable.
Comme expliqué : dans limesurvey : les tableaux peuvent être vu comme des listes de listes de boutons radio comme le montre l'aperçus sur petit écran.
Je veux corriger définitivement le problème pour la version 6 et de la meilleure façon que possible. En effet le correctif précédent a été supprimé puisqu’il entrainait des incompatibilités avec les workaround …
Avec 2 choix principaux (et 3 choix au final)
- Passer le role="presentation" sur la table, masquer les entêtes de lignes. Je dois supprimer tous les th, thead et col pour passer le WCAG
www.shnoulle.net/test/arrayWCAG/tableau_role-presentation.html#
- Garder le mode tableau et revoir les liaison ligne/colonne. J'ai un peu peur du manque de caption etc … je ne sais pas si les aria-describedby fonctionne bien … garde les entêtes visibles et les labels en plus :
www.shnoulle.net/test/arrayWCAG/tableau_role-table.html
- Garder le mode tableau et masquer les labels aux navigateurs textuel : utiliser aria-labeledby pour lier les entêtes de colonnes aux champs :
www.shnoulle.net/test/arrayWCAG/tableau_role-table-2.html
Je penche actuellement sur le 3, mais je ne suis pas sur de moi … à 100%.