Au sein de notre société ultra moderne, appliquer l’accessibilité du web est un enjeu capital pour tous les dirigeants désireux de pérenniser et développer leur entreprise.
En avril 2020, les statistiques indiquent que plus de 53 millions de Français naviguent sur le web ; ce qui représente 85,4 % d’internautes quotidiens en France.
Quelle est l’importance de l’accessibilité numérique en 2020 ?
Aider les usagers à consulter le contenu de votre site web est une priorité.
Si vous avez lu notre précédent article : « Accessibilité numérique : Lutte contre la fracture numérique pour aider les usagers » vous êtes conscient de la nécessité d’appliquer les règles d’accessibilité du web à vos supports de communication en ligne.
Grâce à l’application des recommandations et obligations concernant l’accessibilité numérique, vous contribuez activement à la lutte contre la fracture numérique, donc à une forme évidente d’exclusion sociale.
Les efforts que vous fournissez sont bénéfiques autant pour vous que pour les utilisateurs de votre site Internet :
- Meilleur confort de lecture ;
- Navigation simplifiée ;
- Meilleure compréhension du contenu ;
- Possibilité d’utiliser les différentes technologies d’aide à la compensation du handicap…
Pour vous guider dans l’amélioration de vos supports numériques, Diwali vous propose une sélection de 5 conseils pour vous aider à bien appliquer les règles d’accessibilité numérique.
Conseil n° 1 : un contenu accessible par le clavier
Le saviez-vous ?
Sur les claviers universels sont positionnés deux repères sur les touches F et J. Ces touches disposent d’un relief permettant aux personnes malvoyantes de se repérer plus facilement sur le clavier. Ces utilisateurs mémorisent par cœur l’ensemble des touches du clavier pour l’utiliser sans être forcés de le voir.
Il est difficile de s’imaginer vivre sans l’usage de l’un de ses 5 sens.
C’est tout à fait normal.
Mais, comment ferions-nous sans voir, ou sans entendre ?
Pourtant de nombreuses personnes souffrent de difficultés motrices, de tremblements, de limitations de la motricité de précisions, de contrôles des gestes, etc.
Beaucoup de personnes souffrent également de malvoyance ou bien de cécité ou encore de surdité.
Tout comme la majorité de la population, ces personnes ont besoin ou envie d’utiliser les outils informatiques mis à la disposition de notre société ultraconnectée et en pleine digitalisation.
Pour leur permettre de bénéficier de l’égalité des droits et de chances, rendre votre site web accessible ne dépend pas uniquement de l’utilisation d’une souris d’ordinateur.
Il est difficile d’imaginer naviguer sur le web autrement. Pourtant, la navigation au clavier est indispensable pour toute personne n’ayant pas la capacité d’utiliser la souris.
Appliquer l’accessibilité du web implique de rendre disponibles toutes les fonctionnalités de votre site uniquement par le clavier.
De cette façon, les personnes en situation de handicap auront la possibilité d’utiliser les technologies d’assistances mises à leur disposition pour naviguer sur Internet.
Conseil n° 2 : utiliser des balises sémantiques HTML correctes
Même si le balisage HTML passe inaperçu aux yeux de l’utilisateur lambda, c’est un élément de base essentiel et d’une importance capitale.
- Assure la cohérence d’un site web ;
- Rôle d’optimisation de SEO et indexation de votre site par Google ;
- Amélioration de la lisibilité ;
- Pages lisibles et compréhensibles par les technologies d’aide…
Indispensable pour une lecture vocale
La structure du code HTML de votre site Internet est déterminante dans votre projet d’accessibilité du web.
Une page correctement éditée permet au lecteur vocal utilisé par les personnes en situation de handicap de :
- Comprendre facilement la lecture vocale ;
- Identifier rapidement quels sont les éléments importants d’une page ;
- Profiter d’une expérience de navigation agréable et sans accroc ;
- Naviguer sur l’ensemble du site grâce à sa cohérence et sa qualité…
Un contenu comprenant des erreurs de balisage sémantique important provoque :
- Des difficultés, voire une impossibilité d’utiliser un lecteur vocal ;
- Une incompréhension totale des informations proposées ;
- Une navigation improbable et une expérience utilisateur extrêmement désagréables.
Exemple :
Un contenu mal structuré, sans titre et sans sous-titres, est lu comme un bloc de texte et ne permet pas d’accéder aux divers éléments du site.
Un balisage HTML inadapté et complexe pourrait dérouter l’utilisateur qui ne comprendrait pas ce qu’il écoute.
Conseil n° 3 : permettre le redimensionnement du texte
Pour rendre votre site web conforme aux exigences d’accessibilité numérique, vous devrez permettre aux utilisateurs de réaliser un zoom du texte jusqu’à 200 % dans un navigateur standard et sans aucune perte d’information.
Cette règle ne concerne pas les sous-titres, les légendes ou les images de texte.
Si vous parvenez à répondre à cette exigence, vous ferez un pas de plus vers le « niveau AA » du Référenciel Général d’Amélioration de l’Accessibilité.
Conseil n° 4 : Proposez des sous-titres et audio descriptions
Une personne malentendante aura besoin d’avoir accès à une transcription textuelle d’un contenu audio ou vidéo ; alors qu’une personne malvoyante aura besoin d’accéder à une lecture vocale du contenu écrit.
Vous l’aurez compris, si votre site Internet propose un format audio ou vidéo, il sera nécessaire de proposer des retranscriptions permettant à tout type de public de profiter de toutes les informations proposées, quelles que soient les capacités de l’utilisateur.
Pour vous aider, il existe des logiciels professionnels pour vous aider à réaliser ces nouvelles tâches, mais vous pouvez également choisir de faire appel à des professionnels de la retranscription.
Conseil n° 5 : Faites le bon choix des couleurs
Pour finir, Diwali tient à vous signifier un dernier élément primordial dans la réussite de votre plan d’accessibilité du web.
Les couleurs utilisées sur le web ont plusieurs objectifs :
- Esthétique ;
- Transmission d’une information ;
- Indication d’une action…
De ce fait, le choix des couleurs doit être soigneusement réfléchi en amont de la construction de votre site web.
Voici les 3 principales erreurs à éviter :
- Oubliez le contenu qui clignote : il est susceptible de provoquer des réactions néfastes pour les utilisateurs photosensibles et à risque d’épilepsie.
- Le contraste des couleurs est un élément à ne pas négliger : le rapport de contraste entre le texte et la couleur d’arrière-plan doit être d’au minimum 4.5:1 pour atteindre un niveau AA, et de 7:1 pour un niveau AAA.
- Mélanger trop de couleurs, proposer du contenu avec des motifs, etc. est strictement déconseillé. Les éléments visuels sont de préférence clairs, sobres et facilement lisibles. Ils évitent de fatiguer le regard, avant même de naviguer sur le site.
Pour vous aider à orienter vos choix, Diwali vous propose de consulter l’article : « Accessibilité numérique : 5 outils gratuits pour évaluer son site web ».
Vous trouverez des conseils, outils gratuits pour tester les couleurs de votre site Internet, mais aussi pour vous aider à opter pour des couleurs adaptées à l’accessibilité du web.