Écrire du contenu web utilisable par tous, y compris les personnes handicapées

## Avant d’écrire, repérer ce qui peut bloquer les lecteurs Avant de rédiger, repérez les conditions susceptibles d’empêcher une personne de recevoir le message ou d’accomplir la tâche. Tenez compte des différences concernant : - la maîtrise de la langue et la capacité de lecture ; - la connaissance du sujet ou de la technologie ; - la vision, l’audition, la cognition et le contrôle moteur ; - la taille de l’appareil, la qualité de la connexion et l’absence de certains médias ; et - le temps disponible, l’attention et le stress. Ne considérez pas un utilisateur imaginaire comme la référence par défaut. Intégrez des contrôles d’accessibilité tout au long de la conception et du développement du contenu, et faites intervenir un spécialiste qualifié lorsque l’équipe ne peut pas résoudre un obstacle important. ## Employer des mots simples et expliquer les termes peu connus Énoncez directement l’idée principale. Utilisez des mots courants, des phrases courtes et des paragraphes centrés sur un sujet, tout en préservant le sens nécessaire. Définissez tout terme scientifique, juridique ou technique peu familier lors de sa première apparition. Écrivez en toutes lettres le nom d’un produit, d’un service ou d’un processus avant d’introduire un sigle. Si de nombreuses définitions sont nécessaires, proposez un glossaire comme voie complémentaire sans obliger les lecteurs à quitter sans cesse l’explication principale. Évitez les expressions idiomatiques et celles qui dépendent d’un contexte culturel lorsqu’elles risquent d’exclure ou de dérouter une partie du public. Utilisez les outils de lisibilité comme signaux de diagnostic, puis confirmez le résultat par un examen humain et auprès de lecteurs représentatifs. ## Placer chaque explication juste à côté de ce qu’elle explique Placez toute clarification essentielle à côté de l’énoncé, de la commande ou de l’élément visuel qu’elle explique. Utilisez une définition proche, un lien clairement libellé ou une infobulle lorsque des détails complémentaires interrompraient le fil principal. Choisissez la méthode en fonction du contexte de lecture. Une référence qui fonctionne sur un grand écran peut devenir difficile à trouver ou à interpréter sur un écran étroit ou avec une technologie d’assistance. Ne vous appuyez pas sur un mécanisme de référence qui sépare le lecteur des informations nécessaires pour comprendre l’étape en cours. ## Découper les pages avec des titres clairs pour les parcourir vite Utilisez des titres de page et des intertitres précis qui révèlent la finalité et les points principaux sans imposer une lecture complète. Divisez les longs passages en sections courtes et cohérentes. Reliez les paragraphes associés par une progression claire des idées. Ne faites varier la longueur des phrases que si cela facilite la compréhension ; scindez une phrase lorsque sa longueur ou sa structure masque l’action, la condition ou la conclusion. Vérifiez la page aussi bien sur une largeur étroite que sur une grande largeur. La facilité de parcours doit résister aux changements de mise en page adaptative, et non dépendre de l’espacement d’un affichage sur ordinateur. ## Rédiger un texte de remplacement pour les images et graphiques Pour chaque image, graphique, icône ou autre élément visuel, déterminez s’il est informatif, redondant ou décoratif. - Pour un élément visuel informatif, fournissez un texte de remplacement qui communique les informations nécessaires dans le contexte. - Lorsqu’un texte équivalent se trouve déjà à proximité, utilisez un texte de remplacement vide : `alt=""`. - Pour un élément visuel décoratif qui doit être ignoré par les technologies d’assistance, utilisez un texte de remplacement vide. - Ne commencez pas le texte de remplacement par une formule telle que « image de » ; les technologies d’assistance identifient déjà le type d’élément. Ajoutez une légende lorsque les lecteurs ont besoin d’un contexte visible et conservez un style de légende cohérent. Placez l’élément visuel près de son explication. Ne mettez pas du vocabulaire technique ou des données indispensables uniquement dans une image ; fournissez un équivalent accessible sous forme de texte ou de données. ## Rédiger des liens qui disent où ils mènent Rendez le libellé du lien suffisamment précis pour qu’il reste compréhensible lorsqu’il est lu sans le paragraphe environnant. Nommez la destination ou l’action au lieu d’utiliser une consigne vague. Prévenez les lecteurs lorsqu’un lien ouvre un format distinct, lance un téléchargement ou mène à un autre type d’expérience. Veillez à ce que le ton du libellé du lien reste cohérent avec le reste du contenu. Lorsque cela est approprié, proposez plusieurs parcours pratiques dans un vaste espace d’information, par exemple des titres de page descriptifs, une table des matières, des liens croisés, une fonction de recherche ou un plan du site. Chaque parcours doit utiliser des libellés qui annoncent précisément la suite. ## Préparer titres, formulaires et langue pour les technologies d’assistance Utilisez des intertitres, des libellés, des relations et des instructions sémantiques afin que les technologies d’assistance puissent présenter la même organisation que celle disponible visuellement. Les formulaires doivent exposer par programmation leurs libellés, leurs exigences, leurs erreurs et leurs instructions. Déclarez la langue principale du document avec l’attribut de langue approprié, comme `lang="en"`, et marquez les passages qui changent de langue. Les outils de prononciation et de traduction peuvent ainsi interpréter correctement le texte. N’utilisez pas la position visuelle, la couleur ou le style comme seul moyen de communiquer la structure ou une action obligatoire. ## Ajouter sous-titres et transcriptions aux vidéos et à l’audio Synchronisez les sous-titres avec les paroles et les sons porteurs de sens. Les sous-titres peuvent être concis plutôt que mot à mot, mais ils doivent préserver le message. Fournissez une transcription qui comprend les paroles, le texte essentiel à l’écran et la description des informations visuelles importantes. Placez son lien à proximité du média associé. Fournissez une audiodescription lorsque des informations essentielles apparaissent visuellement et ne sont pas disponibles autrement par le son. Utilisez un lecteur qui rend les commandes de sous-titrage et de lecture accessibles aux utilisateurs du clavier et des technologies d’assistance. ## Tester les pages terminées au clavier et avec de vrais lecteurs Examinez le contenu terminé de plusieurs manières : 1. Parcourez uniquement les titres, les intertitres et les liens pour vérifier si la structure et les destinations sont claires. 2. Naviguez au clavier et avec une technologie d’assistance, en confirmant que les commandes, les libellés, les états et les instructions des formulaires sont annoncés de façon pertinente. 3. Utilisez un écran étroit et un texte agrandi pour repérer les coupures, l’encombrement ou une rupture de l’ordre de lecture. 4. Désactivez ou omettez les images, les contenus audio ou les vidéos et vérifiez que les informations essentielles restent disponibles. 5. Demandez à des lecteurs représentatifs de trouver des informations et d’accomplir la tâche prévue. Consignez les obstacles, corrigez le contenu ou la structure qui les a causés et répétez les contrôles concernés. Le score d’un outil ne constitue pas à lui seul la preuve que l’expérience est accessible.