En ce qui concerne l'accessibilité, les extensions devraient suivre les mêmes lignes directrices que les sites Web. Cependant, les extensions ont des caractéristiques uniques qui méritent d'être prises en considération lors de la conception pour l'accessibilité. Voici une ventilation des fonctions d'extension et comment elles devraient être utilisées pour rendre une extension accessible.
Vous trouverez plus d'information sur la conception et l'accessibilité dans la section Photon Design System et Accessibilité et Mozilla section de MDN.
| Fonction d'interface utilisateur | Lignes directrices |
|---|---|
|
Les raccourcis clavier permettent d'activer facilement les fonctions d'extension. Pour améliorer l'accessibilité, ajoutez des raccourcis clavier pour :
Les utilisateurs peuvent modifier les raccourcis clavier d'une extension en fonction de leurs besoins. Cependant, les utilisateurs ne peuvent pas ajouter de raccourcis, c'est pourquoi il est préférable d'en ajouter autant que possible. |
|
|
Pour tenir compte du thème actif, fournissez des icônes de boutons de la barre d'outils pour les thèmes avec du texte clair et foncé. Suivez les directives du Photon Design System sur l'Iconographie. Utilisez différentes images pour transmettre l'état, par exemple basculé ou actif. N'utilisez pas d'icônes colorées ou de changements de couleur pour indiquer les changements d'état, car ils peuvent ne pas être visibles pour tous les utilisateurs. Incluez toujours un titre de texte pour que les détails des boutons puissent être lus par un lecteur d'écran. Le titre du bouton doit être mis à jour pour refléter :
Ajoutez un raccourci à l'action du bouton, en utilisant l'option spéciale de raccourci spécial |
|
|
Le balisage dans la fenêtre contextuelle doit suivre les lignes directrices standard d'accessibilité au web. |
|
|
Les mêmes directives que les boutons de la barre d'outils doivent être suivies. Ajoutez un raccourci à l'action du bouton, en utilisant l'option de raccourci |
|
|
Le balisage dans la fenêtre contextuelle devrait suivre les lignes directrices standard d'accessibilité du web. |
|
|
Les éléments de menu contextuel offrent aux utilisateurs un moyen accessible de découvrir les fonctions d'extension associées aux éléments d'une page Web. Par conséquent, dans la mesure du possible, ajoutez des fonctions d'extension à leurs menus contextuels pertinents. |
|
|
Le balisage dans la barre latérale doit être conforme aux lignes directrices standard d'accessibilité du web. Ajoutez un raccourci clavier pour ouvrir une barre latérale, en utilisant l'option de raccourci spécial |
|
|
Le balisage de la page des options doit suivre les lignes directrices standard d'accessibilité du Web. |
|
|
Le balisage de la page d'extension doit suivre les lignes directrices standard d'accessibilité du Web. |
|
|
Fournir des notifications pour les événements qui se produisent en arrière-plan ou qui ne sont pas autrement notifiés dans l'interface utilisateur. Soyez économe en notifications, mais veillez à ne pas les minimiser au détriment de l'accessibilité. |
|
|
Ajoutez des suggestions selon le guide, il n'y a pas d'autres considérations d'accessibilité pour les extensions. |
|
|
Le balisage dans la barre latérale doit être conforme aux conforme aux directives d'accessibilité du Web standard. Il est recommandé d'offrir un raccourci clavier pour ouvrir un panneau devtools. |