Améliorer l’accessibilité du tableau
Il manque une balise <caption>
qui titre le tableau pour expliquer ce qu’il contient quitte à le masquer (cf classe .sr-only
sur Bootstrap) pour que ce ne soit vu que par les lecteur d’écran.
Il faut indiquer à quel colonne correspond la cellule en ajoutant scope="col"
aux <th>
.
Comme il y a beaucoup d’infos sur chaque ligne, on peut avoir des doutes sur le fichier concerné. A priori, le tableau est à considérer comme un tableau à double entrées et c’est le nom de fichier qui sert de référence donc il faut le mettre dans une balise <th scope="row">
.
La colonne des checkbox n’a pas d’intitulé, les checkbox n’ont pas de label donc on ne sait pas à quoi ils servent et il faudrait soit placer le focus sur le champ #gallery-url-input
(pour qu’on voit où se passe l’action) soit expliquer ce qui se passe et donner un lien rapide pour s’y rendre. Un message de confirmation que le fichier est ajouté à la galerie serait le bienvenu aussi.
Les liens de visualisation et de suppression mériteraient un title
rappelant l’action qui va se produire si on clique + le nom du fichier concerné (bon y a déjà l’info via le <th scope="">
mais c’est peut-être pas plus mal de le rappeler).
Il n’y a pas de texte alternatif aux icônes font de la colonne « Supprimer au premier accès ? » donc un lecteur d’écran ne dit ni si c’est oui ni si c’est non. (cf de manière général le problème des icônes font #49)