Design web sans barrières : rendre le web utilisable par tous

Que signifie « sans barrières » ?

L’accessibilité se réfère à l’aménagement de notre environnement. Les personnes souffrant de handicaps physiques ou mentaux doivent pouvoir percevoir et utiliser leur espace de vie sans aide extérieure. Cela vaut pour les bâtiments, les moyens de transport, les objets usuels ainsi que les services. La vision moderne de l’accessibilité ne met pas l’accent sur certains groupes de personnes. Il s’agit de prendre en compte les besoins de tous les individus : limitations physiques et mentales de toutes sortes, qu’il s’agisse de handicaps au sens classique du terme, des effets de l’âge ou du niveau de formation. On parle volontiers ici de « conception universelle ».

Que signifie « sans barrières » sur les sites web ?

Dans le contexte des sites web, on parle d’accessibilité numérique. Bien que l’Internet puisse théoriquement être utilisé par tous et à tout moment, les personnes handicapées rencontrent souvent des barrières : Des barrières au niveau de la perceptionDes barrières au niveau de l’utilisationDes barrières au niveau de la compréhension Concrètement, l’accessibilité numérique signifie que les pages web sont conçues de manière à ce que presque tout le monde puisse les utiliser seul. Les personnes aveugles ont par exemple besoin d’une bande sonore descriptive pour vos contenus. Pour les personnes malvoyantes, il est important que votre site web soit bien contrasté afin qu’elles puissent bien reconnaître les contenus. Le World Wide Web Consortium (W3C), qui développe des normes pour l’Internet, est d’une grande aide pour la mise en œuvre. Depuis 1999 déjà, il existe la Web Accessibility Initiative (WAI) avec des directives pour un design web sans barrières. Les Web Content Accessibility Guidelines contiennent des instructions pratiques. Elles permettent de mettre en œuvre les 4 principes définis par l’UE pour des sites Web accessibles : Perceptibilité : les informations doivent pouvoir être perçues par au moins un sens.Utilisabilité : les éléments de commande doivent pouvoir être utilisés par tous.Compréhensibilité : les informations et l’utilisation sont conçues de manière compréhensible.Robustesse : les contenus peuvent être rendus accessibles par exemple à l’aide de technologies auxiliaires. Ces 4 principes contiennent certains critères de réussite. Le niveau d’accessibilité dépend du nombre de critères de réussite remplis par votre site Web.

Raisons pour des sites web sans barrières

Une plus grande portée Les moteurs de recherche récompensent les sites web accessibles. La convivialité est un facteur de classement important pour Google et d’autres moteurs de recherche. Avec un site Web accessible, vous facilitez l’accès aux informations et êtes ainsi plus convivial. Plus de clients potentiels En plus d’une plus grande portée, vous élargissez également votre groupe cible. Les handicaps sont multiples et évoluent souvent au fil du temps. Les personnes qui utilisent actuellement vos offres ne pourront peut-être plus le faire dans quelques années. Une meilleure ergonomie pour tous Une utilisation intuitive et facile de votre site web devrait toujours être votre objectif. Les textes avec des contrastes élevés sont plus faciles à lire, même sur un smartphone. Avec des textes simples, vos messages sont plus clairs – pour tous. Responsabilité sociale N’excluez pas les personnes handicapées et soyez un modèle pour les autres. Contribuez par votre travail à rendre Internet accessible à tous. Les autorités sont déjà tenues de rendre leurs offres Web accessibles à tous. Il en va de même pour les entreprises proposant certains produits et services. Vous pouvez consulter le bureau fédéral pour l’accessibilité pour savoir si vous serez obligés dans un avenir proche de concevoir des sites sans barrières.

À quoi ressemble un site web accessible ?

Pour rendre votre site web accessible, vous devez vous attaquer à trois domaines : La technique, le design et le contenu. Technique
Il existe de nombreuses aides techniques pour les personnes handicapées. La technique de votre site Web doit permettre le fonctionnement de ces aides.

Il existe par exemple des lecteurs d’écran pour les personnes souffrant de handicaps marins. Ceux-ci doivent pouvoir saisir l’ensemble de votre site web, y compris les documents et les formulaires. Design
Le site Web doit notamment être conçu de manière à ce qu’une police de caractères plus grande soit possible sans problème. De nombreuses personnes âgées choisissent une taille de police plus grande, surtout sur les smartphones. Il faut également tenir compte des troubles de la vision des couleurs, le rouge-vert étant l’un des plus connus.
Présentez les contenus de manière facilement compréhensible afin que même les personnes souffrant de troubles cognitifs puissent comprendre vos textes. Les graphiques contenant des informations importantes doivent être accompagnés d’un texte alternatif descriptif. Vos fichiers vidéo et audio doivent également être utilisables par les utilisateurs dont les perceptions sensorielles sont limitées. Votre site Web est considéré comme accessible s’il couvre ces trois domaines. Voyons quelques exemples d’accessibilité sur le web.

Institut allemand des droits de l’homme

L’Institut allemand des droits de l’homme s’engage pour le respect et la promotion des droits de l’homme en Allemagne et à l’étranger. Le site web propose toutes sortes de possibilités pour éliminer les barrières : Langage facile, agrandir le texte, augmenter le contraste des couleurs et langue des signes. Page d’accueil de l’Institut allemand des droits de l’homme.

Quelles sont les directives en matière d’accessibilité numérique ?

Plusieurs lois et directives se rejoignent sur le thème de l’accessibilité numérique. Certaines d’entre elles ne s’appliquent jusqu’à présent qu’aux organismes publics, d’autres concernent également les services et les produits dans le domaine informatique. Convention des Nations unies relative aux droits des personnes handicapées (CRDPH) : droits que l’État doit garantir aux personnes handicapées. Acte législatif européen sur l’accessibilité (European Accessibility Act, EAA) : directive européenne 2019/882 contenant des prescriptions concrètes en matière d’accessibilité, avec un accent sur les produits et services numériques pour les entreprises privées. Directive européenne sur les sites web EU-2016/2102 pour les organismes publics : Les organismes publics sont tenus de proposer des offres web accessibles. Cette directive s’applique au niveau fédéral, régional et local. Elle couvre l’ensemble du site web des autorités publiques, y compris les applications et les documents. Pour se conformer à la législation, il existe différentes directives au niveau des Länder. En Allemagne, il existe par exemple la loi sur l’égalité des personnes handicapées avec l’ordonnance sur les technologies de l’information sans barrière (BITV) 2.0. En Suisse, la loi sur l’égalité des personnes handicapées (LHand) est en vigueur depuis 2004 et tient déjà compte des restrictions liées à l’âge.

Liste de contrôle pour un site web accessible

Une liste de contrôle ne permet pas de traiter intégralement tous les critères d’un site Web sans barrières. Mais : la liste de contrôle est un bon point de départ pour apporter le plus rapidement possible les premières améliorations et créer un design web sans barrières. 1. design contraste élevé entre la couleur de premier plan et la couleur d’arrière-planstructure du site web facilement visibleHTML et CSS strictement séparésle design fonctionne également avec un agrandissement de 200 % tenir compte du daltonismehyperliens avec des titres significatifs 2. navigation les liens et les boutons sont facilement cliquables – avec la souris et le doigtla navigation du site web fonctionne sans sourisles formulaires et les sondages sont utilisables avec le clavier 3. Texte langage facilement compréhensibleInformations clairement structuréesTableaux lisibles par les lecteurs d’écranUtiliser les éléments HTML prévus 4. Médias Vidéos avec sous-titresTranscriptions pour les fichiers audioDéposer des textes alternatifs pour les imagesImages en résolution suffisanteTenir compte du daltonisme Fichiers PDF, Word et PowerPoint accessibles

CMS pour un design web accessible

La question se pose maintenant de savoir comment mettre en œuvre le plus simplement possible un design web accessible. La réponse à cette question n’est pas si simple. Il existe des systèmes de gestion de contenu qui ont été développés de manière à réduire les barrières en ce qui concerne le frontend et le backend. Mais ils ne sont pas non plus totalement exempts de barrières. Quel CMS faut-il donc choisir ? L’accessibilité est obtenue en grande partie grâce au design et à la présentation des contenus. Choisissez donc un CMS qui soit facilement adaptable et extensible. Des aides à la configuration, comme la fonction « Agrandir la police » ou « Augmenter le contraste », doivent par exemple être programmées. Sur OMR Reviews, vous trouverez plus de 40 systèmes de gestion de contenu (CMS) évalués. Tous ne sont pas adaptés au design web sans barrières. Mais avec ces 7 systèmes CMS, vous pouvez réaliser des sites Web accessibles très facilement : Contao WordPress Scrivito CMS Magnolia Drupal TYPO3 Joomla

Outils pour un site web accessible

Comme vous le savez déjà, il n’existe pas de CMS unique pour le design web sans barrières. Outre les adaptations du design dans le CMS lui-même, il existe des outils qui vous aident à mettre en œuvre l’accessibilité numérique. Nous en présentons ici quelques-uns. 1. ReadSpeaker ReadSpeaker est un service externe qui lit vos contenus en un clic. Il est disponible pour les contenus web, les documents web, les formulaires web et bien plus encore. leserlich.info En entrant vos valeurs de couleur pour le premier plan et le fond, le calculateur de contraste calcule le rapport de contraste. Vous vérifiez ainsi si votre combinaison de couleurs est accessible. 3. Coblis Avec Coblis, vous pouvez simuler le daltonisme pour vos images. Pour vérifier votre site web, vous pouvez en faire des captures d’écran avec cet outil. 4. LanguageTool Avec LanguageTool, vous pouvez vérifier la simplicité de vos textes. 5. WAVE Avec cet outil gratuit, vous obtenez immédiatement une vérification très détaillée de l’accessibilité de votre site Web.

Conclusion

Les sites Web accessibles profitent à tout le monde, y compris à vous. En raison de la diversité des restrictions, il est quasiment impossible de rendre les sites Web entièrement accessibles. Mais il existe d’innombrables possibilités de faire de grandes choses avec de petits changements. L’inclusion ne s’arrête pas à la rampe d’accès. Le temps est venu d’être actif.