Instructions et liste de vérification pour l’accessibilité (HTML)

Vous cherchez la version C#/VB/C++/XAML de cette rubrique ? Voir Instructions et liste de vérification pour l’accessibilité (XAML).

Cette rubrique fournit une liste de vérification pour vous aider à garantir que votre application du Windows Store en JavaScript est accessible.

  1. Définissez le nom accessible (obligatoire) et la description accessible (facultative) pour le contenu et les éléments d’interface utilisateur interactifs.

    Le nom accessible est une chaîne de texte courte et descriptive qui est utilisée par les lecteurs d’écran pour présenter un élément d’interface utilisateur. Vous devez définir de façon explicite le nom accessible pour les images (à l’aide de l’attribut alt), les champs d’entrée (à l’aide de la balise label avec l’attribut for), les contrôles div personnalisés, etc. Les descriptions et les info-bulles accessibles permettent aux utilisateurs de comprendre l’interface utilisateur.

    Pour plus d’informations, voir les rubriques Nom accessible et Description accessible (facultative).

  2. Définissez et maintenez les attributs value et status accessibles.

    Ces attributs sont importants pour les éléments personnalisés, notamment les boutons, les listes, les cases à cocher, les zones de liste déroulante, les curseurs, les barres de progression, etc.

    Pour plus d’informations, voir les rubriques Valeur et État.

  3. Définissez l’attribut role pour les régions et les éléments d’interface utilisateur personnalisés interactifs.

    Vous devez affecter un rôle WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) valide aux éléments d’interface utilisateur personnalisés (par exemple, les balises div interactives) et aux régions.

    Pour plus d’informations, voir la rubrique Rôle.

  4. Implémentez l’accessibilité du clavier en procédant comme suit.

    • Définissez l’attribut tabindex pour les éléments interactifs.
    • Implémentez la navigation avec les touches de direction pour les éléments composites.
    • Implémentez l’activation du clavier.
    • Définissez ou implémentez des touches d’accès rapide.

    Pour plus d’informations, voir la rubrique Implémentation de l’accessibilité du clavier.

  5. Définissez l’attribut aria-live pour les régions qui affichent du contenu dynamique.

    La définition de l’attribut aria-live permet aux lecteurs d’écran de présenter les modifications de l’interface utilisateur à mesure qu’elles se produisent.

    Pour plus d’informations, voir la rubrique Rendre les régions actives accessibles.

  6. Rendez les tableaux accessibles en définissant un nom, des en-têtes et un résumé ou une description accessibles.

    Ces étapes sont importantes pour les tableaux volumineux et complexes lorsque les utilisateurs ont besoin d’aide pour comprendre les données. N’oubliez pas de marquer les tableaux de disposition avec role="presentation".

    Pour plus d’informations, voir la rubrique Rendre des tableaux accessibles.

  7. Vérifiez visuellement votre interface utilisateur pour garantir que le contraste du texte est suffisant, que le rendu des éléments est correct dans les thèmes à contraste élevé et que les couleurs sont correctement utilisées.

    • Sélectionnez Agrandir tout ce qui se trouve à l’écran pour vérifier que l’interface utilisateur de votre application est correctement mise à l’échelle.
    • Utilisez un outil d’analyse des couleurs pour vérifier que le coefficient de contraste de texte visuel est au moins de 4,5 pour 1.
    • Basculez vers un thème à contraste élevé et vérifiez que l’interface utilisateur est lisible et utilisable.
    • Assurez-vous que votre interface utilisateur n’utilise pas la couleur comme seule façon de transmettre les informations.

    Pour plus d’informations, voir les rubriques Prise en charge de thèmes à contraste élevé et Respect des exigences pour fournir un texte accessible.

  8. Fractionnez les pages en régions logiques et marquez les régions avec des rôles de point de repère et des noms accessibles. Cela permet aux technologies d’assistance de générer des résumés de pages et d’offrir une navigation plus efficace.

    Pour plus d’informations, voir la rubrique Exposition de la structure logique de votre application.

  9. Exécutez les outils d’accessibilité, traitez les problèmes signalés et vérifiez l’expérience de lecture d’écran.

    Utilisez l’outil Inspect pour vérifier l’accès par programme, exécutez le UI Accessibility Checker (AccChecker) pour identifier les erreurs courantes et vérifiez l’expérience de lecture d’écran avec le Narrateur.

    Pour plus d’informations, voir la rubrique Test de votre application en matière d’accessibilité.

  10. Déclarez votre application comme accessible dans le Windows Store.

    Si vous avez implémenté la prise en charge de l’accessibilité de base, le fait de marquer votre application comme accessible dans le Windows Store peut vous permettre d’atteindre davantage de clients et d’obtenir de bonnes évaluations supplémentaires.

    Pour plus d’informations, voir la rubrique Déclaration de votre application comme accessible dans le Windows Store.

Rubriques associées

Accessibilité pour les applications du Windows Store en JavaScript

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.