Concevoir des applis et des sites utilisables aussi par les personnes handicapées (accessibilité)

## Intégrer l'accessibilité dès la première idée, pas en vérification finale Intégrez l’accessibilité à la définition d’une expérience réussie, du premier concept jusqu’à la maintenance. Ne la reportez pas à une vérification de conformité effectuée une fois les décisions d’interaction et de conception visuelle figées. - Définissez les informations, les tâches et les résultats essentiels, ainsi que les conséquences d’un échec. - Déterminez les exigences d’accessibilité en même temps que les exigences fonctionnelles, de confidentialité, de sécurité et de performance. - Attribuez des responsables à la conception, au contenu, à la mise en œuvre, aux tests et aux corrections. - Incluez des critères d’acceptation relatifs à l’accessibilité dans chaque fonctionnalité ou composant concerné. - Privilégiez des réglages par défaut inclusifs tout en permettant une personnalisation utile. - Réutilisez des modèles accessibles, mais vérifiez qu’ils fonctionnent dans le contexte réel. - Ne sacrifiez pas l’accès à une tâche essentielle au profit d’une nouveauté visuelle ou d’une mise en œuvre plus pratique. ## Repérer les étapes qui bloquent des personnes aux capacités différentes Étudiez le fonctionnement d’une tâche sans supposer un seul type de corps, de sens, de posture de l’appareil, de mode de saisie, de durée d’attention ou de vitesse de traitement. Tenez compte des obstacles permanents, temporaires, situationnels et combinés. - Suivez chaque parcours essentiel depuis sa découverte jusqu’à son achèvement, à la récupération après erreur et à la confirmation. - Examinez séparément les obstacles visuels, auditifs, moteurs, vocaux, cognitifs et environnementaux. - Repérez les étapes qui dépendent de la vue, de la couleur, du son, de la précision, de la mémoire, de la vitesse ou de gestes complexes. - Distinguez les besoins de l’utilisateur d’un diagnostic et évitez de concevoir à partir de stéréotypes. - Classez les obstacles selon l’importance de la tâche concernée, leur gravité, leur fréquence et l’absence de solutions de remplacement. - Incluez si possible dans la recherche des personnes qui utilisent des technologies d’assistance. - Consignez les hypothèses qui nécessitent encore des preuves directes. ## Garder le texte lisible en zoom et ne jamais compter sur la seule couleur Veillez à ce que le texte, les icônes, les états et la structure restent compréhensibles dans différentes conditions de vision, d’éclairage, d’affichage et de préférences. - Permettez le redimensionnement du texte et de l’interface sans rognage, chevauchement, commandes masquées ni perte d’informations. - Choisissez un corps et une graisse de caractères, une longueur de ligne, un espacement et une hiérarchie lisibles dans l’environnement visé. - Respectez la norme de contraste publiée applicable dans chaque apparence et état pris en charge. - N’utilisez jamais la couleur comme seul signal de signification, d’état, de sélection ou d’erreur. - Associez la couleur à du texte, une forme, une icône, un motif ou une position selon le besoin. - Préservez le sens avec les réglages de zoom, de contraste élevé, d’ajustement des couleurs et de transparence réduite. - Testez les états réellement affichés, y compris les états désactivé, ayant le focus, sélectionné, d’erreur et de chargement. ## Indiquer aux aides techniques ce qu'est et ce que fait chaque élément Fournissez une sémantique programmatique qui communique ce qu’est chaque élément, ce qu’il contient, son état actuel et l’action qu’il réalise. - Utilisez les éléments et commandes sémantiques natifs avant de créer des équivalents personnalisés. - Donnez à chaque commande significative un nom accessible concis, unique et adapté au contexte. - Fournissez des descriptions utiles pour les images informatives et masquez de la navigation le contenu purement décoratif. - Maintenez un ordre logique de lecture et de focus, une structure de regroupement et une hiérarchie de titres. - Annoncez les changements dynamiques importants sans interrompre l’utilisateur de façon répétée. - Gardez les libellés, les états, les valeurs, les erreurs et les instructions synchronisés avec l’interface visible. - Vérifiez que les composants personnalisés exposent une sémantique, des actions et des changements d’état équivalents. ## Ajouter sous-titres et transcriptions au son et à la vidéo Ne communiquez pas les informations essentielles uniquement par le son, la vue ou des signaux haptiques. Choisissez des solutions de remplacement qui préservent l’objectif, le moment et le sens du signal d’origine. - Fournissez des sous-titres synchronisés pour les paroles importantes et les sons porteurs de sens. - Fournissez des transcriptions lorsque des personnes peuvent avoir besoin d’un enregistrement complet, consultable ou réexaminable. - Décrivez les événements visuels importants qui ne sont pas accessibles par le dialogue ou le contenu environnant. - Associez les alertes sonores à un retour visuel ou tactile lorsque cela améliore leur reconnaissance. - Associez les alertes haptiques ou visuelles à un autre canal lorsqu’elles transmettent un sens critique. - Permettez aux personnes de contrôler la lecture, les sous-titres, le volume et les pistes de remplacement disponibles. - Vérifiez que chaque solution de remplacement reste exacte lorsque le contenu principal change. ## Rendre les boutons faciles à atteindre et tout utilisable au clavier Permettez aux personnes d’accomplir les tâches essentielles avec différents modes de saisie physique et niveaux de dextérité. L’utilisabilité dépend conjointement de la taille et de l’espacement des zones interactives, de la séquence, des solutions de remplacement et d’un comportement prévisible. - Utilisez des tailles et espacements de zones interactives conformes à la norme applicable de la plateforme ou du Web. - Gardez les actions fréquentes simples et évitez d’exiger des gestes complexes, simultanés ou répétés. - Fournissez une commande visible pour toute action essentielle qui dépendrait autrement d’un geste. - Prenez en charge une navigation complète au clavier, avec un focus visible et un ordre de parcours logique. - Conservez les raccourcis établis, sauf si leur remplacement est nécessaire et documenté. - Libellez les commandes pour que la saisie vocale, les contacteurs, les pointeurs et d’autres modes d’assistance puissent les identifier. - Évitez les interactions qui exigent une force soutenue, une grande précision ou des mouvements amples et répétés. ## Simplifier les étapes et éviter les délais trop courts Rendez les interactions cohérentes, faciles à apprendre et récupérables. La complexité facultative destinée aux personnes expertes ne doit pas bloquer un chemin clair à travers les tâches essentielles. - Utilisez des modèles familiers et des emplacements stables pour les actions répétées. - Divisez les longs flux de travail en étapes ciblées et affichez la progression, le contexte et un moyen de revenir en arrière. - Préférez une fermeture explicite aux courts délais d’expiration automatiques ; accordez davantage de temps lorsqu’une limite est nécessaire. - Utilisez des instructions simples, des messages d’erreur précis et des prochaines actions visibles. - Permettez aux personnes de suspendre ou d’arrêter les contenus animés, audio et vidéo qui démarrent automatiquement. - Proposez des réglages de difficulté, de rythme ou d’assistance lorsque la réussite de la tâche dépend de la vitesse ou de la précision. - Exigez une confirmation claire et un moyen de récupération avant toute action difficile à annuler. ## Réduire les mouvements et clignotements qui peuvent nuire N’utilisez le mouvement que lorsqu’il améliore la compréhension. Les mouvements rapides, les clignotements, les changements de profondeur et les mouvements incontrôlés de la caméra peuvent distraire, provoquer un inconfort ou créer un risque grave pour la santé. - Respectez les préférences de réduction des mouvements et des clignotements dans toute l’expérience. - Réduisez les mouvements automatiques, répétitifs, périphériques, de rapprochement, de mise à l’échelle et fondés sur la profondeur. - Fournissez une solution calme en remplacement des effets nécessaires dans la présentation par défaut. - Évitez les clignotements lumineux et fréquents et validez les médias selon le seuil de sécurité applicable. - Maintenez le contenu spatial dans un champ de vision confortable et évitez les changements rapides d’attention. - Réduisez au minimum les mouvements imposés de la caméra et les gestes corporels amples ou répétés. - Vérifiez que les changements de mouvement n’entraînent ni perte de contexte, ni état masqué, ni retour de tâche défaillant. ## Respecter les réglages que chacun choisit sur son appareil Adaptez-vous aux réglages choisis par l’utilisateur au lieu de traiter l’accessibilité comme un mode distinct offrant moins de possibilités. Préservez le sens et l’achèvement des tâches dans toutes les configurations prises en charge. - Répondez correctement aux préférences de taille du texte, de contraste, d’apparence, de mouvement, de sous-titres et de saisie. - Maintenez les fonctions essentielles disponibles lorsque les éléments non essentiels de l’interface sont réduits. - Permettez aux utilisateurs de choisir des couleurs, des délais, une lecture, une difficulté ou une assistance de commande confortables lorsque cela est pertinent. - Ne réinitialisez pas les choix liés à l’accessibilité sans motif clair ni notification. - Évitez d’obliger les utilisateurs à déclarer un handicap pour bénéficier d’un parcours accessible. - Conservez les préférences de manière prévisible tout en fournissant un moyen simple de les consulter ou de les modifier. - Testez les combinaisons de réglages, car des adaptations correctes prises séparément peuvent entrer en conflit. ## Tester chaque tâche principale au clavier et avec des aides techniques avant la mise en ligne Utilisez plusieurs formes de preuve. Les vérifications automatisées peuvent détecter certains défauts, mais elles ne peuvent pas prouver qu’une tâche réelle est compréhensible ou utilisable avec une technologie d’assistance. - Exécutez des vérifications automatisées tôt et régulièrement afin de détecter les problèmes structurels et visuels identifiables. - Testez chaque tâche essentielle uniquement au clavier et avec les modes d’interaction assistée pertinents. - Examinez le focus, les libellés, l’ordre de lecture, les annonces, le redimensionnement, le contraste, les solutions de remplacement des médias et les réglages de mouvement. - Incluez si possible dans l’évaluation des personnes handicapées ou des utilisateurs expérimentés de technologies d’assistance. - Consignez pour chaque constat l’environnement, la méthode, le résultat, la gravité, la personne responsable et les preuves du nouveau test. - Bloquez la publication en présence de défauts non résolus qui empêchent l’accès à une tâche essentielle ou créent un dommage grave. - Ne revendiquez pas de conformité ni de prise en charge fonctionnelle au-delà de la portée des preuves vérifiées.