Améliorer l'accessibilité

L'accessibilité de FeatureBase est déjà meilleure que celle de la plupart de ses concurrents !
Quelques modifications très simples peuvent être apportées pour améliorer l'accessibilité de FeatureBase pour les personnes qui utilisent FeatureBase avec des technologies d'assistance.
Voici quelques commentaires de nos utilisateurs malvoyants qui utilisent des lecteurs d'écran (par exemple, VoiceOver) pour naviguer sur FeatureBase.


Étiquettes ARIA

Ajoutez des balises aria-label aux boutons qui ne comportent que des icônes afin que les lecteurs d'écran puissent lire le contenu aux utilisateurs.

<!-- Utilisation d'aria-label -->
<button aria-label="Ajouter un média">
  <MediaIcon/>
</button>

Cela serait particulièrement utile pour les boutons iconiques permettant de créer des commentaires (ajouter un média, mettre en gras, en italique, en titre…) ainsi que pour le bouton « nombre de votes positifs » dans le composant principal de commentaires.
Les balises aria-label doivent être localisées afin que le lecteur d'écran puisse les lire dans la langue de l'utilisateur. Un lecteur d'écran français lisant des balises aria-label en anglais est un cauchemar :)

Tous les boutons doivent être sélectionnables

Les quatre boutons situés après « Quelle importance cela a-t-il pour vous ? » ne sont pas sélectionnables, ce qui rend toute interaction impossible avec un lecteur d'écran !



Aria-hidden sur les icônes décoratives

Par exemple, l’icône de l’auteur située à gauche de son nom est actuellement lue par les lecteurs d’écran (par exemple « 29879824109hfaljs89.png »), ce qui n’est pas très utile.
Il en va de même pour l’image de la « section de commentaires vide » ; il serait préférable d’indiquer simplement « Personne n’a encore laissé de commentaire ».



Utilisez des titres pour diviser une page en différentes sections

Les utilisateurs de lecteurs d'écran parcourent presque toujours la page en suivant les titres (h1, h2, h3…), ce qui leur permet de naviguer plus rapidement. Vous le faites déjà très bien, mais je le mentionne juste à titre d'information.

Autres idées

Il existe d'autres fonctionnalités qui seraient intéressantes, mais qui pourraient prendre plus de temps à ajouter et qui sont moins importantes pour nous pour le moment, comme permettre aux utilisateurs et aux administrateurs de décrire une image avec un texte alternatif. Peut-être qu'une autre demande pourrait être déposée à ce sujet.

Post type
-
What part?
-

Veuillez vous authentifier pour rejoindre la conversation.

Votants
Statut

In Review

Tableau

Feedback & Roadmaps

Tags

Translations

Date

Il y a plus d’un an

Auteur

Nathan D.

S'abonner à l'article

Recevoir des notifications par email en cas de modifications.