Remarque
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de vous connecter ou de modifier des répertoires.
L’accès à cette page nécessite une autorisation. Vous pouvez essayer de modifier des répertoires.
Les compléments accessibles fonctionnent pour tout le monde : les personnes qui utilisent des lecteurs d’écran, naviguent par clavier, s’appuient sur un contraste élevé ou interagissent via l’interaction tactile. La création en tenant compte de l’accessibilité dès le début améliore la facilité d’utilisation pour tous vos utilisateurs et étend le marché de vos solutions.
Les règles d’accessibilité du contenu web (WCAG) sont les normes internationales qui définissent ce qui est nécessaire pour que votre complément soit accessible. Nous vous recommandons de vous familiariser avec eux avant de commencer à créer.
- Web Content Accessibility Guidelines (WCAG) 2.2
- Web Content Accessibility Guidelines (WCAG) 3.0 (préversion)
- Normes et ressources WCAG
- Tutoriels W3C WAI
- Module de formation sur les principes et recommandations d’accessibilité web sur Microsoft Learn (vue d’ensemble de 17 minutes)
Tenez compte des différentes méthodes d’entrée
Votre complément doit prendre en charge l’entrée clavier, tactile et souris afin que chaque utilisateur puisse interagir avec elle, quel que soit son appareil ou ses capacités.
- Assurez-vous que les utilisateurs peuvent effectuer toutes les opérations en utilisant uniquement les interactions au clavier . Les utilisateurs doivent être en mesure d’accéder à tous les éléments actionnables de la page à l’aide d’une combinaison de touches Tab et des touches de direction.
- Sur les appareils mobiles, votre complément doit fournir des commentaires audio utiles lorsque les utilisateurs opérent des contrôles par interaction tactile.
- Conservez un ordre logique de lecture et de navigation dans l’arborescence DOM ou de l’interface utilisateur.
- Vérifiez que tous les éléments interactifs exposent leur nom, leur rôle et leur état aux technologies d’assistance à l’aide d’étiquettes ARIA appropriées.
Faites en sorte que votre complément soit facile à utiliser
Un comportement prévisible et des commentaires clairs aident tous les utilisateurs à comprendre ce qui se passe dans votre complément.
- Ne vous fiez pas uniquement au son pour alerter les utilisateurs des informations importantes.
- Ne vous fiez pas uniquement à la couleur, à la forme, à la taille ou à l’emplacement visuel pour transmettre une signification ou des instructions.
- Ne nécessite pas de mouvements complexes (glisser, multipoint, mouvement chronoté) sans fournir d’alternatives plus simples.
- Gérez le focus avec soin. Ne déplacez pas le focus vers un autre élément, sauf si l’utilisateur initie la modification. Pour obtenir des conseils, voir Modèles de navigation pour les compléments Office.
- Fournissez un moyen de vérifier, de confirmer ou d’annuler toutes les actions qui engagent la responsabilité ou le consentement de l’utilisateur.
- N’imposez pas de limite de temps pour l’action de l’utilisateur.
Améliorez la lisibilité de votre complément
Une conception visuelle claire et un contraste suffisant garantissent que les utilisateurs malvoyants ou daltoniens peuvent lire et comprendre votre interface utilisateur.
- Évitez les changements de couleur inattendus.
- Fournissez des descriptions explicites et opportunes des éléments d’interface utilisateur, des titres, des titres, des entrées et des erreurs. Assurez-vous que les noms des contrôles décrivent clairement l’intention du contrôle.
- Vérifiez que vos éléments d’interface utilisateur s’affichent correctement dans les quatre thèmes de contraste intégrés Windows : Aquatic, Desert, Dusk et Night sky. Pour tester, accédez à Paramètres> WindowsThèmes de contrasted’accessibilité>, choisissez chacun d’eux et case activée que l’ensemble du texte, des boutons, des liens et d’autres éléments d’interface utilisateur de votre complément soient visibles et présentent un contraste suffisant.
- Suivez les instructions relatives au contraste des couleurs WCAG. Visez un rapport de contraste d’au moins 4,5:1 pour le texte normal et de 3:1 pour le texte volumineux.
Vérifier que le contenu et les médias sont accessibles
- Fournissez des alternatives de texte pour tout contenu non textuel explicite (par exemple, images, icônes, SVM, graphiques et contrôles personnalisés).
- Ne placez pas de texte explicite dans les images, sauf si une alternative de texte équivalente est fournie.
- Fournissez des transcriptions pour le contenu audio uniquement.
- Fournissez des sous-titres synchronisés pour la vidéo préenregistrée ou en direct avec audio.
- Prévoyez d’autres solutions que des signaux audio pour informer les utilisateurs, telles que des indications visuelles ou des vibrations.
- Fournir aux utilisateurs un moyen de suspendre, d’arrêter ou de désactiver le son ou l’animation.
Tester l’accessibilité
Des tests d’accessibilité réguliers vous aident à détecter les problèmes avant qu’ils n’atteignent les utilisateurs et garantissent que votre complément continue de fonctionner avec les technologies d’assistance à mesure que les normes et les plateformes évoluent.
Intégrer des vérifications automatisées
Les outils automatisés peuvent détecter de nombreux problèmes, mais ils n’évaluent pas le fonctionnement de votre complément avec les technologies d’assistance.
- Exécutez Accessibility Insights dans le cadre de votre pipeline de build ou d’intégration continue pour identifier rapidement les problèmes d’accessibilité courants.
- Utilisez des vérifications automatisées pour valider :
- Contraste de couleurs.
- Noms et étiquettes accessibles.
- Ordre de focus du clavier.
- Rôles et attributs ARIA.
- Taille et espacement de la cible.
Valider la prise en charge des technologies d’assistance
Testez votre complément avec les technologies d’assistance couramment utilisées pour vérifier que les utilisateurs peuvent :
- Naviguez dans tous les éléments interactifs à l’aide d’un clavier seul.
- Comprendre l’objectif des contrôles via la sortie du lecteur d’écran.
- Effectuez des tâches sans dépendre de la vision, de l’ouïe ou des mouvements de pointeur précis.
Vérifiez l’expérience à l’aide de :
Vérifiez que :
- Toutes les fonctionnalités sont disponibles sans utiliser de souris.
- Les indicateurs de focus sont visibles et ne sont pas masqués.
- Les mises à jour dynamiques sont annoncées de manière appropriée.
- Les composants d’interface utilisateur personnalisés exposent leur rôle, leur état et leur valeur.
Modèles d’interaction de test
Évaluez les flux utilisateur, et pas seulement les contrôles individuels, pour vous assurer que :
- Les interactions par glissement ou par mouvement ont une alternative accessible au clavier.
- Les interactions limitées dans le temps peuvent être suspendues, étendues ou désactivées.
- Les alertes et les notifications sont transmises sans dépendre uniquement du son.
- Les méthodes d’authentification et d’entrée ne dépendent pas de la mémoire, de la vision ou des réponses chronométriques.
Retester à mesure que les normes évoluent
Les technologies d’assistance et les directives internationales en matière d’accessibilité changent au fil du temps. Testez régulièrement pour suivre les modifications apportées aux directives internationales en matière d’accessibilité. Pour plus d’informations, consultez Tests d’accessibilité.