Problèmes d'accessibilité RAMP

Bonjour,

Je travaille sur l’initiative COVID-19 RAMP. Nous avons choisi Discourse pour notre forum et nous en sommes très satisfaits.

Un collègue et moi-même avons examiné l’accessibilité. Je pense que nous avons résolu les problèmes de faible contraste grâce à la fonctionnalité CSS de l’administration. Cependant, selon WAVE, nous rencontrons certains problèmes que nous ne sommes pas sûrs de pouvoir résoudre seuls, à savoir :

  • Image liée sans texte alternatif : il s’agit des images d’avatars. Bien qu’il y ait un titre descriptif, l’attribut alt est vide.

  • Il manque une étiquette sur chaque page :

    <div><input type="text"></div>

  • Il y a un en-tête vide sur chaque page :

    <div class="title"><h3></h3><!-- --></div>

  • De nombreux boutons vides ont été signalés, associés à des SVG.

  • Il existe des liens vides, par exemple :
    <a href="" aria-hidden="true" tabindex="-1" class="tabLoc"></a>
    et
    <a href="" class="edit-topic" title="modifier le titre et la catégorie de ce sujet" data-ember-action="" data-ember-action-27="27"><svg class="fa d-icon d-icon-pencil-alt svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use xlink:href="#pencil-alt"></svg></a>.

  • Il y a un en-tête de tableau vide : <th data-sort-order="posters" class="posters"></th>

Je serais très surpris si nous sommes les seuls à rencontrer ces problèmes. Je me demande donc si WAVE ne surinterprète pas les choses ou si nous passons à côté d’une ou deux astuces. Toute aide serait grandement appréciée.

Merci beaucoup par avance,
Kostas

8 « J'aime »