Comment créer un site web accessible à tout le monde ?

reussir-referencement-2021
Les 3 éléments à retenir pour le référencement SEO en 2021
août 26, 2020
Veille concurrentielle : outils pour étudier vos concurrents et les atouts de leurs sites
septembre 9, 2020

De nombreux concepteurs de sites web ne tiennent souvent pas compte de l’accessibilité de la nouvelle présence sur Internet lors de la conception d’un site web. Ce qui n’est pas non plus vraiment obligatoire, car les sites web privés et commerciaux ne doivent pas se conformer à l’ordonnance sur les technologies de l’information sans barrières (BITV), contrairement aux offres Internet accessibles au public des autorités de l’administration fédérale. Les sites web sans barrières sont des sites web qui rendent leur contenu numérique accessible aux personnes handicapées. Les handicaps suivants ont un effet préjudiciable sur l’utilisation normale de l’internet : les sites web non accessibles ne permettent pas aux personnes handicapées d’accéder facilement à tous les contenus ou de les comprendre, qu’il s’agisse de textes, de graphiques, de PDF, de podcasts ou de vidéos.

Quelles sont les barrières qui existent sur les sites web ? 

Si des informations sur les différentes couleurs sont communiquées, il peut arriver que des contrastes de couleur trop faibles pour l’affichage soient utilisés. Par conséquent, les personnes ayant des problèmes de vision des couleurs ne peuvent pas percevoir cette information. Par exemple, les personnes ayant une faiblesse, le rouge et verte ne perçoivent pratiquement pas un détail rouge sur une image à fond vert selon l’affichage des détails du tout

Pas d’alternative au texte

Les images ou vidéos contiennent généralement des informations graphiques importantes qui ne peuvent pas être reconnues par les personnes aveugles ou malvoyantes. Il en va de même pour les fichiers audio, dont les informations ne sont pas reconnues par les personnes sourdes ou malentendantes. Actuellement, il n’existe pas de technologie de soutien capable de convertir des images ou des sons audio en texte.

Pas d’extensibilité

Les personnes souffrant de graves déficiences visuelles ne peuvent souvent reconnaître le contenu de l’écran que s’il est fortement agrandi. Les éléments ou le contenu qui ne peuvent pas être zoomés sont à peine remarqués par ce groupe de personnes. Manque d’utilisation du clavier les éléments interactifs ou la navigation dynamique qui ne peuvent être opérés de manière optimale qu’avec la souris ne sont souvent pas accessibles aux personnes handicapées moteur ou aux personnes aveugles, car ce groupe de personnes ne peut pas utiliser une souris comme outil de contrôle et d’utilisation.

Pas de sémantique

Un obstacle majeur sur les sites web est le manque de sémantique de l’information. Par exemple, il est assez fréquent que les titres ne soient pas marqués en tant que tels ou que des images contenant des informations soient intégrées au site web sans texte de remplacement. Depuis que les personnes gravement handicapées visuelles ou aveugles utilisent un lecteur d’écran pour lire les pages Internet, celui-ci ne peut pas transmettre un contexte sémantique en cas de marquage incorrect ou manquant, ce qui entraîne une perte d’informations décisive.

Contenu complexe

Les personnes souffrant d’un handicap cognitif, mais aussi les personnes sourdes, ont des difficultés à comprendre un contenu complexe. Un contenu complexe comprend des phrases longues et imbriquées, des sites web surchargés d’informations et aussi des interactions complexes.

C’est ainsi que vous pouvez éliminer les obstacles les plus importants sur votre site web

Vous pouvez éliminer assez rapidement la plupart des obstacles, que vous ayez créé une page d’accueil gratuite avec un kit de construction web ou avec le système de gestion de contenu WordPress.

Photos avec alt-text

De cette façon, vous pouvez intégrer des images sans barrières dans votre site web en ajoutant un alt-text aux graphiques ou aux photos. Un lecteur d’écran lira ensuite ce texte à voix haute afin que le visiteur malvoyant ou aveugle du site web sache quelles informations sont associées à l’image particulière qu’il ne peut pas voir. Si vous insérez une image dans le site web de Wix, vous trouverez l’option Alt-Text sous la rubrique Paramètres. La description de l’image doit expliquer l’image insérée de manière courte et compréhensible.

Structurez les textes de façon symétrique

Pour que le lecteur d’écran sache clairement ce qu’est un texte continu et ce que sont les titres, vous devez attribuer un format de titre fixe aux titres. Il existe six formats en HTML, du H1 au H6. Chaque page de contenu ne doit avoir qu’un seul titre H1, tous les autres formats peuvent se présenter plusieurs fois. Dans Wix, vous cliquez sur l’élément de texte à formater, puis sur Modifier le texte. Dans les paramètres qui s’ouvrent, sélectionnez le format de titre respectif.

Créer des contrastes de couleur sans barrière

Pour utiliser des contrastes de couleurs forts de fonds ou de textes, vous pouvez ouvrir la sélection de couleurs dans Wix et choisir un ton de couleur approprié à fort contraste. La sélection de couleurs peut être trouvée en cliquant sur l’élément à modifier et en cliquant sur le symbole de couleur correspondant, par exemple la couleur de la police, dans les paramètres d’ouverture. Le sélecteur de couleurs Wix vous montre différentes tonalités de couleurs que vous pouvez choisir pour l’élément que vous souhaitez personnaliser. La couleur de la police doit se détacher clairement de l’arrière-plan du site. Il en va de même pour les icônes et les boutons.

Clavier sans barrière et indicateur visuel

Wix propose des éléments supplémentaires sans barrière dans son éditeur, tels que le clavier sans barrière et l’indicateur visuel. Le clavier sans barrière, s’il est activé permet aux visiteurs de votre site web de naviguer intuitivement sur le site avec le clavier. Lorsque l’indicateur visuel est activé, vos visiteurs peuvent voir où exactement ils se trouvent sur le site avec le clavier. L’emplacement actuel est marqué d’un cadre bleu. Ces fonctions se trouvent dans Wix sous la rubrique Site web et le sous-menu qui s’ouvre alors à l’accessibilité.

Qu’est-ce qui est important pour l’accessibilité d’un site web ?

Utiliser des polices claires et de grandes tailles de caractères. En général, on peut observer que ces dernières années, la taille de la police des titres et du corps du texte des sites web a considérablement augmenté. Cela permet aux visiteurs du site web sans déficience visuelle de lire facilement les textes en ligne. Essayez d’écrire vos textes de manière à ce qu’ils soient faciles à comprendre, sans phrases trop complexes et incroyablement longues. Votre site web doit également être clairement structuré pour que les gens puissent s’y retrouver rapidement et trouver rapidement les informations qu’ils recherchent. Évitez la lecture automatique de vidéos et de musique lorsque la page se charge. Les lecteurs d’écran ont du mal à interpréter correctement les médias. En outre, le son de la vidéo ou du podcast peut se superposer à la langue du lecteur d’écran. Évitez de mettre trop d’animations sur le site web. Cela peut également poser des problèmes aux utilisateurs, notamment s’ils utilisent leur clavier et leur lecteur d’écran pour la navigation des pages. Assurez-vous que les éléments de votre site web, et notamment les graphiques et les photos, peuvent être zoomés et offrent toujours une bonne qualité d’image. Si vous incluez des vidéos et des fichiers audio dans votre site web, vous devez également inclure un texte alternatif à ces médias afin que les personnes sourdes sachent quelles informations sont transmises avec ces fichiers.