Créer des ressources web accessibles

Lorsque vous ajoutez des ressources web à votre solution qui fournissent des éléments d’interface utilisateur, vous devez absolument inclure les conditions qui permettent aux personnes présentant un handicap d’utiliser vos ressources web.

Les éléments de l’interface utilisateur de l’application respectent les normes et les meilleures pratiques qui tiennent compte des fonctionnalités équivalentes pour tous les utilisateurs. Les personnes atteintes de handicap peuvent compter sur l’utilisation de la technologie d’assistance (TA), tels que les lecteurs d’écran ou une variété d’autres dispositifs d’entrée pour interagir avec les applications.

Cette rubrique présente des instructions globales et des liens à plus ressources qui vous aideront à concevoir des éléments de l’interface utilisateur de ressources web accessibles aux personnes atteintes de handicap.

Technologie d’assistance

Il existe diverses applications de technologie d’assistance (TA) qui contiennent des lecteurs d’écran, des terminaux de Braille et des logiciels de reconnaissance vocale. Ces applications fournissent un intermédiaire à vos éléments d’interface utilisateur afin que la personne utilisant l’application TA puisse utiliser votre programme.

Pour les applications Windows, les classes Microsoft UI Automation fournissent un accès par programme aux éléments d’interface utilisateur. Ces classes prennent en charge le test automatisé et les applications TA. Ces dernières peuvent utiliser les propriétés et les éléments définis par le développeur et exposés par UIA. Un développeur d’applications Windows détient un contrôle considérable sur la façon dont ses éléments d’interface utilisateur sont exposés à l’aide de UIA.

Pour les applications web, certains éléments HTML sont exposés via le modèle DOM (Document Object Model). Le navigateur convertit les éléments DOM en objets UIA avec les propriétés et les événements que la technologie d’assistance peut exploiter pour permettre à l’utilisateur d’utiliser l’application web. Le développeur dispose d’un contrôle limité sur la manière d’exposer les éléments d’interface utilisateur par le navigateur qui utilise UIA.

Ressources web HTML accessibles

Le code HTML de vos ressources web est traité par le navigateur et rendu disponible aux applications TA.

La première chose à faire est de vérifier que votre code HTML respecte bien les modèles d’utilisation. Par exemple, vous pouvez définir un élément div HTML avec un événement pour qu’il fonctionne tout comme un élément button HTML. Cependant, le navigateur ne s’attendra pas à ce qu’un élément div soit utilisé comme un bouton et n’exposera pas les mêmes propriétés ni événements à l’application TA.

Il est important d’utiliser les éléments HTML appropriés pour les types d’interactions dont les utilisateurs disposeront avec vos ressources web. Ce processus est appelé HTML sémantique.

Toutefois, le processus HTML sémantique présente des limites. Les applications web modernes incluent généralement des contrôles personnalisés composés de plusieurs éléments HTML travaillant ensemble. Le contenu d’une page qui est régulièrement mis à jour dynamiquement à l’aide de JavaScript asynchrone peut provoquer une confusion pour des applications reposant uniquement sur le HTML sémantique. La technologie ARIA (Accessible Rich Internet Applications) fournit une solution en développant le code HTML avec des attributs supplémentaires qui communiquent une sémantique personnalisée.

ARIA fournit également un ensemble standard d’attributs étendus pouvant être appliqués aux éléments HTML utilisés dans un contrôle ou un « widget ». Ces attributs décrivent le rôle que l’élément HTML joue dans le contrôle. ARIA propose aussi des fonctionnalités pour améliorer l’expérience de navigation et pour informer l’utilisateur sur les éléments pouvant être mis à jour de manière dynamiquement. La pratique recommandée est de superposer la technologie ARIA sur le HTML sémantique.

Outre l’ajout de la prise en charge de la technologie d’assistance, il y a d’autres conditions à prendre en compte. Par exemple, comment l’interface utilisateur s’ajuste lorsque l’utilisateur augmente la taille du texte ? Votre interface utilisateur nécessite-t-elle que l’utilisateur puisse différencier les couleurs pour effectuer des tâches ? Toutes les actions peuvent-elles être effectuées à l’aide d’un clavier ? Pour plus d’informations, voir Accessibilité des applications du Windows Runtime en JavaScript et HTML.

Outils de test de l’accessibilité

La liste suivante fournit quelques outils de test de l’accessibilité disponibles publiquement :

Vérificateur d’accessibilité Visual Studio
Si vous utilisez Visual Studio pour modifier vos fichiers de ressources Web HTML, vous constaterez qu’il existe des outils pour contrôler les problèmes liés à l’accessibilité. Dans le menu Outils, sélectionnez Vérification de l’accessibilité pour afficher un rapport qui fournira des instructions relatives aux questions d’accessibilité.

Vérificateur d’accessibilité de l’interface utilisateur
Le vérificateur d’accessibilité de l’interface utilisateur (ou AccChecker) permet aux testeurs d’identifier facilement les problèmes d’accessibilité avec Microsoft Active Accessibility (MSAA) et d’autres implémentations d’interface utilisateur pour Windows. AccChecker est né de la matérialisation que les outils API Windows Automation, tels que Inspect, fournissaient des détails précis sur l’implémentation, mais aucune information sur le fait que cette implémentation est correcte ou non.

Inspect (Inspect.exe)
Inspect (Inspect.exe) est un outil Windows qui vous permet de sélectionner un élément d’interface utilisateur et d’afficher les données d’accessibilité de l’élément. Vous pouvez afficher les propriétés de Microsoft UI Automation et les modèles de contrôle en plus des propriétés de Microsoft Active Accessibility. Inspect vous permet également de tester la structure de navigation des éléments d’automatisation dans l’arborescence de Microsoft UI Automation et les objets accessibles dans la hiérarchie Microsoft Active Accessibility.

Accessible Event Watcher (AccEvent.exe)
L’outil Accessible Event Watcher (AccEvent) permet aux développeurs et aux testeurs de confirmer que les éléments d’interface utilisateur d’une application déclenchent les événements Microsoft UI Automation and Microsoft Active Accessibility appropriés lorsque l’interface utilisateur change. Des modifications de l’interface utilisateur peuvent se produire lorsque le focus change, ou lorsqu’un élément d’interface utilisateur est appelé, sélectionné, ou lorsqu’un état ou une propriété est modifié(e).

Ressources complémentaires

Les ressources suivantes fournissent un point de départ pour définir la configuration requise pour rendre vos ressources web accessibles :

• Introduction à l’accessibilité web
• Accessibilité dans Visual Studio et ASP.NET
• Présentation de l’accessibilité
• Accessibilité - W3C
• web Content Accessibility Guidelines (WCAG) 2.0

Voir aussi

Ressources web des pages web (HTML)
Ressources Web

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).