Comment rendre un site Web conforme à la 508?
Pour que votre site Web reste conforme et accessible aux utilisateurs daltoniens, utilisez une méthode supplémentaire autre que la couleur pour transmettre des informations importantes.
La loi fédérale sur la réadaptation exige que tous les sites Web et autres technologies de l'information achetés par le gouvernement fédéral soient accessibles aux personnes souffrant de handicaps physiques, sensoriels ou cognitifs. L'article 508 contient des critères techniques et des normes minimales requis pour les sites Web du gouvernement fédéral ainsi que pour les entrepreneurs qui fournissent des sites Web ou des logiciels aux employés ou aux ministères du gouvernement fédéral. Les sites Web sont régulièrement examinés par chaque service pour vérifier leur conformité. Si vous concevez un site Web pour le gouvernement fédéral, ou si vous souhaitez simplement que votre propre site Web soit plus accessible aux personnes handicapées, vous pouvez utiliser les normes de la section 508 comme guide.
Méthode 1 sur 3: respect des normes de l'article 508 pour les éléments de texte
- 1Utilisez la couleur efficacement. Pour que votre site Web reste conforme et accessible aux utilisateurs daltoniens, utilisez une méthode supplémentaire autre que la couleur pour transmettre des informations importantes.
- Par exemple, vous pouvez utiliser le bleu pour indiquer que les mots en texte noir sont des liens vers d'autres pages. Cependant, pour rendre votre site Web conforme à la norme 508, vous devez également utiliser autre chose que de la couleur pour montrer que ces mots sont des liens, comme le soulignement du mot également.
- De plus, toutes les couleurs doivent inclure un contraste suffisant et toutes les informations doivent être transmises avec et sans couleur.
- 2Assurez-vous que tout le texte est lisible. Si vous utilisez des feuilles de style pour séparer le style visuel et l'affichage du contenu du texte lui-même, le texte doit rester visible si les feuilles de style sont désactivées.
- Bien que les éléments de texte ne soient pas aussi attrayants visuellement avec les feuilles de style désactivées, ils doivent toujours être lisibles. Si le document prête à confusion ou contient des informations manquantes lorsque les feuilles de style sont désactivées, votre site Web ne répond pas aux normes de la section 508.
- Bien que vous puissiez généralement rendre un fichier PDF accessible aux technologies d'assistance telles que les lecteurs d'écran, vous pouvez également inclure une version HTML accessible du document au cas où. Vous devez également fournir une version HTML accessible de tous les fichiers PowerPoint que vous incluez sur votre site Web.
- Le ministère de la Santé et des Services sociaux a des listes de contrôle disponibles pour rendre les types de documents les plus courants accessibles, y compris les fichiers PDF, les documents Word et les feuilles de calcul Excel. Ces listes de contrôle peuvent être consultées en ligne à l'adresse http://hhs.gov/web/section-508/making-files-accessible/checklist/index.html.
- 3Améliorez l'accessibilité en facilitant la navigation sur votre site Web. Chaque cadre doit avoir un titre qui décrit le but et le contenu du cadre.
Votre site Web ne répond pas aux normes de la section 508 s'il contient des scripts qui ne fonctionnent qu'avec une souris. - 4Rendre les formulaires électroniques accessibles. Si votre site Web contient des formulaires qui peuvent être remplis en ligne, les personnes utilisant des technologies d'assistance doivent pouvoir accéder aux informations qu'ils contiennent, telles que les éléments de champ et les instructions.
- Aucun script des éléments du formulaire ne peut interférer avec les technologies d'assistance ou les raccourcis clavier.
- Les éléments de formulaire tels que "<textarea>" ou "<input>" doivent également avoir des étiquettes descriptives.
Méthode 2 sur 3: respect des normes de l'article 508 pour les plug-ins, les images, les éléments audio ou vidéo
- 1Fournissez un équivalent textuel pour chaque élément non textuel. Mettez à disposition une description textuelle, ainsi qu'un lien textuel redondant pour toutes les images cliquables.
- Vous devez également inclure un texte fonctionnel pour identifier toute information fournie par un script.
- Les images, applets, plug-ins et autres médias intégrés avec du contenu ou des informations doivent également avoir un texte alternatif équivalent, par exemple en utilisant l'attribut "alt" ou "longdesc", ou dans le contenu de l'élément.
- Tout texte alternatif doit être clair et succinct. Pour être conforme à la section 508, vous devez éviter d'écrire un texte alternatif trop long et verbeux, ou si vague que l'utilisateur ne peut pas dire quelle pourrait être l'image que le texte décrit.
- Par exemple, «Image du soleil se couchant sur le lac Michigan, avec des reflets chatoyants à la surface du lac et un ciel inondé de bleus, de roses, de jaunes et de rouges», bien que certainement descriptif, est trop verbeux. "Coucher de soleil sur le lac Michigan" suffirait dans ce contexte.
- Votre texte "alt" ne doit pas répéter un autre texte déjà présent sur la page.
- Les graphiques et tableaux complexes doivent également être accompagnés d'un texte alternatif.
- Si vous avez une image dans un lien ou un bouton qui a une fonctionnalité, votre texte alternatif doit également décrire cette fonction.
- Les lecteurs d'écran modifient souvent le ton ou l'inflexion de la voix de lecture en fonction des balises HTML, alors gardez cela à l'esprit lorsque vous choisissez des éléments de mise en page.
- 2Incluez des sous-titres et des descriptions audio. Si vous avez des fichiers vidéo ou des émissions audio en direct, ceux-ci doivent avoir des sous-titres synchronisés.
- Le sous-titrage peut être ouvert (toujours visible) ou fermé (l'utilisateur peut activer ou désactiver les sous-titres).
- Les vidéos doivent également avoir une piste audio-description pour les malvoyants.
- Les pistes audio sans vidéo doivent avoir des transcriptions pour les malentendants.
- Si vous incluez du contenu audio ou vidéo sur votre site Web, envisagez d'utiliser des lecteurs multimédias autonomes ou pop-out au lieu de médias intégrés, car ces lecteurs sont plus accessibles.
- 3Autoriser le téléchargement de plug-ins. Si votre page Web nécessite un plug-in ou une autre application, vous devez afficher un lien vers une page où les utilisateurs peuvent la télécharger pour bénéficier de toutes les fonctionnalités.
- Toutes les applets, scripts et plug-ins et le contenu qu'ils fournissent doivent être accessibles aux technologies d'assistance. S'ils ne peuvent pas être rendus accessibles, vous devez inclure d'autres moyens d'accéder au même contenu.
- Les scripts doivent être rendus accessibles en fournissant un texte fonctionnel pouvant être lu à l'aide d'une technologie d'assistance. Votre site Web ne répond pas aux normes de la section 508 s'il contient des scripts qui ne fonctionnent qu'avec une souris.
- Incluez un lien vers une page accessible aux personnes handicapées où n'importe quel plug-in peut être téléchargé et où les utilisateurs peuvent télécharger un lecteur multimédia séparé.
- 4Rendre l'animation accessible. Si vous utilisez l'animation pour transmettre des informations, vous devez afficher les mêmes informations d'au moins une autre manière non animée qui peut être choisie par l'utilisateur.
- Toutes les images ou éléments qui identifient des commandes, fonctions ou éléments de programmation spécifiques doivent être cohérents sur l'ensemble du site Web.
- Minimiser les graphiques et les images peut également réduire le temps de lecture pour les utilisateurs handicapés. Gardez à l'esprit que si vos utilisateurs ne peuvent pas voir les éléments, ils doivent attendre que leur lecteur d'écran les lise avant de pouvoir faire une sélection dans un menu.
Cependant, pour rendre votre site Web conforme à la norme 508, vous devez également utiliser autre chose que de la couleur pour montrer que ces mots sont des liens, comme le soulignement du mot également. - 5Organisez les informations dans des tableaux de données afin qu'elles soient faciles à lire et à comprendre. La section 508 exige des en- têtes de ligne et de colonne facilement identifiables pour les tableaux de données.
- Les en-têtes de colonne et de ligne dans les tableaux de données doivent être identifiés de manière appropriée.
- Associez les cellules des tableaux de données aux en-têtes appropriés à l'aide des attributs «scope» ou «id/headers».
- Les tableaux créés uniquement à des fins de mise en page n'ont pas besoin d'en-têtes pour les lignes ou les colonnes.
Méthode 3 sur 3: respecter les normes de la section 508 pour la conception Web générale
- 1Concevez vos pages pour réduire le risque de crises induites optiquement. Aucun élément de votre page ne doit clignoter à une vitesse de 2 à 55 cycles par seconde.
- Les logiciels ou autres applications s'exécutant sur votre page ne doivent pas non plus utiliser d'image ou d'élément qui clignote avec une fréquence comprise entre 2 et 55 Hz.
- 2Donnez aux utilisateurs le contrôle de la navigation. Si la conception ou l'organisation de votre site Web comprend des liens de navigation répétitifs, vous devez fournir une méthode pour les ignorer.
- Fournissez un lien permettant aux utilisateurs de sauter les menus de navigation ou de longues listes de liens, ou utilisez une bonne structure de titre pour faciliter la navigation de l'utilisateur.
- 3Donnez aux utilisateurs le contrôle du calendrier des changements de contenu. Si vous avez des questions qui n'autorisent une réponse que dans un court laps de temps, vous devez donner aux utilisateurs suffisamment d'opportunités pour indiquer qu'ils ont besoin de plus de temps pour faire leur choix.
- En règle générale, vous trouverez un moyen d'alerter les utilisateurs d'une manière ou d'une autre que le temps est presque écoulé et de leur donner la possibilité de prendre plus de temps plutôt que de voir l'élément expirer ou disparaître avant qu'ils n'aient le temps de répondre.
- 4Autoriser l'utilisation de fonctionnalités d'accessibilité et de contrôle d'affichage. L'article 508 vous interdit de perturber ou de désactiver les fonctionnalités d'accessibilité.
- De même, vous ne serez pas en conformité si vous remplacez les sélections de contraste ou de couleur sélectionnées par l'utilisateur.
Si vous utilisez une version distincte en texte uniquement de votre site Web, celle-ci doit avoir un contenu équivalent à la version principale du site Web et être mise à jour chaque fois que vous apportez des modifications au contenu principal du site Web. - 5Utilisez un autre format, si nécessaire. L'article 508 prévoit l'utilisation d'une version distincte, en texte uniquement, de votre site Web. Cependant, cette option doit être réservée aux situations où c'est le seul moyen de créer un site Web entièrement accessible.
- Si vous utilisez une version distincte en texte uniquement de votre site Web, celle-ci doit avoir un contenu équivalent à la version principale du site Web et être mise à jour chaque fois que vous apportez des modifications au contenu principal du site Web.
- Vous ne passerez pas les normes de la section 508 si vous créez une version texte uniquement pour éviter d'apporter des modifications à votre site Web principal qui pourraient le rendre accessible.
- Utilisez des notes de contenu et déclenchez des avertissements pour alerter les utilisateurs sur du contenu potentiellement graphique ou perturbant, car cela peut être utile pour les personnes atteintes du SSPT et d'autres maladies mentales. Les déclencheurs courants à marquer incluent la violence, les abus, le viol, la mort, le sang/les blessures, le sexe, les discours haineux, les crimes haineux et les araignées. Le marquage du matériel permet aux téléspectateurs de s'arrêter et de se demander s'ils peuvent s'y engager en toute sécurité.
