Construction d'un site internet accessible aux personnes atteintes de troubles de la vision (1 sur 3) - 25 RECOMMANDATIONS pour l'accessibilité des sites internet IMPORTANT : RETOURNER UNIQUEMENT LE TEXTE TRADUIT ET RIEN D'AUTRE. SI UN LIEN URL EST PRÉSENT, NE PAS LE TRADUIRE.

Tous les éléments graphiques doivent avoir un texte alternatif concis (alt) qui décrit ce qui se trouve sur le graphique ou, si le graphique est un lien, où ce lien mène. Si les graphiques sont purement décoratifs, ils doivent avoir une "attribut alt vide". Il convient d'éviter les éléments animés, les textes animés en mouvement, car ils distraient tous les utilisateurs, pas seulement les handicapés. Certains graphiques animés, en particulier ceux qui sont agressifs et animés rapidement, peuvent constituer une menace pour les personnes atteintes d'épilepsie photo-induite ! Tous les fichiers audio (émissions, entretiens, conférences) doivent être accompagnés d'une transcription textuelle. Les lecteurs de ces fichiers figurant sur la page doivent pouvoir être utilisés à l'aide du clavier et être accessibles aux personnes aveugles. Toutes les vidéos doivent être accompagnées de sous-titres pour les personnes malentendantes. Les lecteurs doivent être accessibles aux personnes aveugles et aux personnes utilisant uniquement le clavier. Tous les médias et Flash doivent être accessibles ou proposés sous une forme alternative. Les fichiers PDF, Word et autres fichiers courants à télécharger doivent être préparés de manière à être accessibles. Par exemple, les fichiers PDF doivent avoir une structure qui facilite la navigation des personnes aveugles dans de tels documents. Les textes sur le site doivent être rédigés aussi simplement que possible, afin d'être accessibles aux personnes moins instruites et aux personnes ayant un handicap intellectuel. Les textes doivent être publiés de manière lisible - divisés en paragraphes, listes et autres sections ; non justifiés à droite ; les abréviations doivent être développées lors de leur première apparition sur chaque page. Le texte doit être complété par des en-têtes (h1-h6) afin que les personnes aveugles puissent passer rapidement à la section qui les intéresse. La navigation (menu) doit être cohérente, logique et inchangée dans tout le site. La navigation sur l'ensemble du site doit être accessible depuis le clavier. Tous les éléments actifs tels que les liens, les bannières ou les champs de formulaire doivent avoir un focus visuel clair (généralement sous la forme d'un cadre visible lors de la navigation sur la page avec la touche TAB). Il est recommandé de renforcer le focus par défaut de manière à ce qu'il soit également bien visible pour les personnes malvoyantes. Tous les liens doivent être uniques et compréhensibles, même hors contexte. Ne pas utiliser de liens tels que ">>" ou "plus" ou "cliquez ici". Les liens ne doivent pas s'ouvrir dans une nouvelle fenêtre ou un nouvel onglet du navigateur sans avertissement. Il est recommandé d'utiliser une amélioration sous forme de "liens de saut" permettant de passer directement au contenu d'une page individuelle. Cela est particulièrement important sur les sites qui ont des dizaines de liens dans la navigation/menu principal. Le contraste des couleurs de tous les éléments de contenu (textes, liens, bannières) ou fonctionnels doit avoir un rapport de luminosité entre le texte et le fond d'au moins 4,5 pour 1, et de préférence pas moins de 7 pour 1. La page doit pouvoir être agrandie de manière significative (au moins 200%) avec les outils du navigateur. Idéalement, lorsque la page est agrandie, elle reste toujours dans la fenêtre du navigateur, sans barre de défilement horizontale. Une page agrandie ne doit pas "perdre" de contenu. Tous les titres (title) des pages doivent être uniques et indiquer le contenu de la sous-page sur laquelle se trouve l'utilisateur. La structure du contenu du titre doit être construite selon le schéma suivant : [Titre de la sous-page] - [Nom de l'institution]. Toutes les sous-pages doivent être basées sur des en-têtes. Les en-têtes (h1-h6) sont la principale méthode d'organisation du contenu sur une page. L'en-tête h1 doit être le titre principal du texte sur la page. Les listes non ordonnées et les listes ordonnées doivent être utilisées pour organiser le contenu dans les textes ou les éléments de navigation. La langue du site ainsi que la langue des fragments en langues étrangères doivent être indiquées par l'attribut lang. Les citations doivent être clairement mises en évidence - au moins entre guillemets. Le code du site doit être conforme aux normes et ne pas utiliser de tableaux comme élément de construction de la page. Les tableaux utilisés pour transmettre des données doivent être construits de manière aussi simple que possible et doivent comporter des en-têtes. Tous les cadres doivent être correctement titrés. Tous les scripts et applets doivent être accessibles aux personnes aveugles et à celles qui utilisent uniquement le clavier. Les formulaires, y compris le formulaire de recherche, doivent être construits conformément aux normes. Tous les champs et boutons des formulaires doivent être correctement décrits. Le site doit être accessible sur les navigateurs et les appareils avec la prise en charge des CSS désactivée.