Normes d'accessibilité des sites Web : assurez-vous que votre site respecte les principales directives du W3C pour augmenter le trafic jusqu'à 20 %

Il est tout à fait naturel que vous souhaitiez le meilleur du meilleur pour votre site Web.

Vous avez votre contenu serré, vos paramètres de référencement optimisés, votre site Web attrayant et loin d'être ennuyeux. Vous avez un tas de pages bien conçues, avec des photographies réalisées par des professionnels, plusieurs liens sources et même un menu interactif. Mais… votre site web est-il accessible ?

Vous vous demandez probablement ce que nous entendons par accessible.

Voulons-nous dire que ça a l'air bien? Fonctionne bien ? S'engage avec le public ? Oui et non.

Concrètement, qu'est-ce que l'accessibilité d'un site Web ?

Toute cette épreuve peut vous sembler accablante, mais les bonnes personnes d'Internet et de nombreux centres de statistiques et d'enquêtes travaillent jour et nuit pour nous fournir les réponses les plus courtes.

Ainsi, l'optimisation de l'accessibilité du Web signifie essentiellement rendre votre site Web plus facile à comprendre et à naviguer pour les personnes handicapées. La couleur, le son et la forme ne sont que quelques-uns des éléments analysés.

Un développeur Web et un concepteur Web bien informés utilisent le W3C (abréviation de World Wide Web Consortium) et ses directives Web Accessibility Initiative pour optimiser l'accessibilité des sites Web.

WAI est presque une science en soi, nous allons donc trouver les meilleurs moyens d'optimiser votre existence Web et de répondre aux principales exigences d'accessibilité Web.

Pourquoi l'accessibilité du site Web devrait-elle être une priorité?

Eh bien, si nous regardons les statistiques, nous avons des millions de personnes handicapées dans le monde entier qui utilisent rarement les navigateurs de sites Web - et c'est parce que les sites Web ne sont tout simplement pas accessibles. Ajoutez à cela les personnes âgées, qui ont souvent des problèmes de vue et d'audition, et vous avez toute une population de personnes qui pourraient bénéficier d'un site Web accessible.

D'ici 2060, les populations de personnes âgées de 65 ans et plus atteindront près de 100 millions . Et à ce jour, 57 millions d'Américains ont un handicap.

Comme si ce n'était pas une raison suffisante pour rendre votre site Web accessible, voici un autre fait : 20 % de la population mondiale pourrait ne pas visiter votre site Web parce qu'ils ne peuvent pas y accéder.

Heureusement, nous avons les réponses aux problèmes d'accessibilité de votre site Web.

Comment améliorer l'accessibilité de votre site Web

Tout d'abord, vous devez tout savoir sur l'article 508. Si cette phrase ne vous est pas familière, vous ratez quelque chose. Beaucoup. Mais ne vous inquiétez pas, c'est un ensemble de réglementations souvent négligé.

En termes simples, l'article 508 est un ensemble de règles résumées dans un amendement qui oblige les sites Web (en particulier ceux des États-Unis) à suivre et à respecter un large éventail de normes et de directives d'accessibilité Web. L'amendement exige que tous les sites gouvernementaux suivent cet ensemble de règles dans leurs efforts en ligne vers un T.

Maintenant, vous devez penser : « Mon site Web est un site commercial, je n'ai pas besoin de suivre ces règles gouvernementales. » Mais, vous devriez – c'est la bonne chose à faire, après tout.

Et il y a un hic, comme toujours.

Le National Center for Health Statistics (NHIS) a mené une enquête pour tenter de déterminer combien de personnes aux États-Unis ont des problèmes pour naviguer sur le Web. Ce groupe comprenait des personnes handicapées et des personnes âgées.

Il s'avère que 20 % des personnes environ ont des problèmes pour naviguer sur Internet aux États-Unis.

Une autre enquête a même suggéré que les personnes handicapées sont trois fois moins susceptibles de naviguer sur le Web. C'est énorme.

Vous commencez probablement à comprendre maintenant : l'accessibilité du Web est la clé pour toucher un public plus large et vous aligner en tant que marque qui se soucie de vous.

Meilleures entreprises de commerce électronique

Directives d'accessibilité du contenu Web

Étant donné que la technologie évolue constamment, il en va de même pour la façon dont nous développons des sites Web et toutes sortes de services en ligne. Habituellement, les entreprises de commerce électronique sont les premières à opérer ces changements. Et avec ces changements, les WCAG doivent être mis à jour en conséquence.

Fourni par le W3C, ce système de régulation est un standard dans le développement web. Et nous nous concentrerons sur l'explication, l'analyse et la présentation d'exemples sur la façon dont vous pouvez utiliser ce système et optimiser la présence en ligne de votre marque.

Les WCAG sont un document dynamique qui change tout le temps, mais il existe des règles générales que tout développeur/concepteur Web doit suivre :

• Un niveau de conformité doit être atteint avec A, AA ou AAA.
• La page Web complète doit être conforme aux normes, pas seulement une partie de la page.
• Les pages de processus associées doivent toutes être conformes au même classement ou à un niveau supérieur pour être considérées comme accessibles (par exemple, un processus de paiement de commerce électronique).
• L'accessibilité doit être réalisée grâce à l'utilisation de technologies prises en charge et jugées crédibles par les WCAG.
• Il est possible d'utiliser des technologies qui ne sont pas entièrement accessibles, tant que le contenu est toujours accessible avec une technologie différente (par exemple, une vidéo Flash avec une transcription de texte supplémentaire).

7 normes d'accessibilité des sites Web pour garantir que votre site atteint le plus de consommateurs

1. Utilisez des balises Alt adéquates et pertinentes sur les images

Nous sommes sûrs que vous avez rencontré le concept des balises Alt dans votre expérience de création de site Web.

Il s'agit essentiellement d'une description d'une image affichée, et elle est plus ou moins vitale pour l'expérience de l'utilisateur standard. Les conseils suivants sont désormais indispensables pour les sites Web de commerce électronique ou les sites Web principalement visuels et/ou fortement basés sur des repères visuels.

Pourquoi? Eh bien, il s'avère que les personnes malvoyantes naviguent sur le Web à l'aide d'une sorte de lecteur d'écran. Maintenant, ces lecteurs d'écran ne peuvent pas lire une image à voix haute, donc les informations qu'ils utilisent sont vos balises d'image alt.

Sachant cela, vous pouvez optimiser vos balises de manière appropriée pour créer des phrases concises et compréhensibles qui ont du sens lorsqu'elles sont lues à haute voix. Même si le référencement nous oblige parfois à garder le contenu de la balise alt rare, l'étendre pour faire une formulation sensée n'est pas si grave, et fournira un contexte supplémentaire et, bien sûr, une fonctionnalité de qualité de vie pour les malvoyants.

De plus, veillez à ne pas en faire trop. Faire des descriptions inutilement longues dans le texte alternatif peut étouffer le contenu, ce qui va à l'encontre de l'objectif. Le texte alternatif doit être court, concis et surtout pertinent.

Nous sommes conscients que cette partie de l'interface utilisateur et de l'expérience utilisateur est rare pour la plupart, mais elle est tout aussi importante que tout autre trait que votre site Web apporte avec son style et ses accroches visuelles.

Réfléchir longuement et sérieusement au texte alternatif est particulièrement important dans le monde du commerce électronique. Ces sites Web contiennent généralement tout un tas d'images de produits sur chaque écran, il peut donc être difficile de les parcourir à l'aide d'un logiciel de lecture d'écran. Là réside la maîtrise d'une bonne optimisation de l'accessibilité d'un site Web : la concision !

La plus belle partie est que ces mots ne sont pas visibles à l'écran, ce qui signifie qu'il n'y a pas d'encombrement supplémentaire. Et cela fait un monde de différence pour tant de gens.

Alors, soyez un bon être humain et rendez vos photos et images encore plus riches avec un texte alternatif bien écrit.

Rendre votre site e-commerce accessible peut être très bénéfique pour votre entreprise. Consultez notre liste d' agences de développement de sites Web de commerce électronique pour trouver la meilleure à embaucher pour ce travail.

2. Faites de la clarté du texte une priorité

Les personnes malvoyantes trouvent que la clarté du texte (ou plutôt son absence) est l'une des plus grandes nuisances lors de la navigation. La raison en est évidente, mais ce problème doit être traité avec une extrême prudence.

Le problème de la clarté du texte est un sujet assez sensible. La raison de cette agitation est l'équilibre entre le choix du style de police, les polices plus fines étant esthétiquement plus agréables, mais en même temps plus difficiles à lire et moins compréhensibles. Et, bien sûr, l'utilisation ou l'absence d'empattement.

Une étude montre que même l'utilisation correcte des empattements peut affecter considérablement la lisibilité du contenu que vous présentez.

Avoir le bon poids et la bonne taille de police est primordial pour une optimisation adéquate de l'accessibilité. Mais, si par hasard votre site Web contient une grande quantité d'informations, « rogner » votre police et la rendre plus visible peut et améliorera l'expérience utilisateur pour tout le monde.

Ce fait nous indique que l'optimisation de l'accessibilité aide non seulement les personnes handicapées à se déplacer dans l'environnement Internet, mais vous aide également à optimiser votre site Web de manière générale.

Il y a quelques règles clés que vous devez suivre afin de garder votre texte propre et lisible. Ils sont fournis par le W3C comme suit :

• Le contraste entre le texte et l'arrière-plan doit être de 4:5:1, ce qui montre l'importance de la couleur et l'utilisation du contraste pour gagner en lisibilité.
• La taille de la police doit être d'au moins 16 pixels. Gardez à l'esprit que votre site Web est accessible non seulement via des ordinateurs, mais également via des appareils mobiles.
• L'espacement entre les lignes de texte doit être d'au moins un espace et demi en fonction de la taille du texte. Un autre cas qui souligne l'importance des proportions. Comme le propose le W3C, les tailles et le contraste jouent ici un rôle énorme.
• Le texte n'est jamais aligné justifié.
• Le texte doit pouvoir être redimensionné de manière dynamique sans que l'utilisateur ne le fasse défiler horizontalement.
• Les espaces entre les paragraphes doivent être au moins deux fois la taille de la police.

3. Fournir des sous-titres pour votre contenu vidéo

Étant donné que nous vivons à une époque de connexions Internet rapides, la vidéo est désormais un canal viable à utiliser sur les lieux en ligne. Le site Web que vous développez aura probablement une sorte de vidéo intégrée ou un lien YouTube intégré quelque part.

Si vous fournissez du contenu vidéo, assurez-vous de fournir également des sous-titres codés à l'intérieur. De nos jours, il n'est pas si difficile de créer des sous-titres pour votre contenu vidéo. Vous pouvez même envisager d'embaucher quelqu'un pour le faire pour vous, si vous fournissez la transcription, bien sûr.

Les sous-titres codés sont, heureusement, devenus une partie quotidienne de l'expérience de visionnage de vidéos. Quel que soit le public que vous ciblez, essayez au moins d'inclure des sous-titres en anglais dans vos vidéos.

4. Intégrez la navigation au clavier à votre site Web

Celui-ci devrait être un must.

Naviguer et parcourir sans utiliser de souris est une fonctionnalité étonnamment recherchée aujourd'hui. Les personnes qui utilisent du matériel d'assistance en raison d'un handicap ou simplement les utilisateurs d'ordinateurs portables habitués à la navigation sur le site Web via le clavier sont les personnes que vous souhaitez faire plaisir.

Imgur est un excellent exemple de plate-forme qui encourage même ses membres à utiliser leur système extrêmement simple mais incroyablement efficace. Ils ont intégré un système pour faciliter la navigation et la participation à des événements communautaires en utilisant uniquement le clavier. Cette fonctionnalité nous montre plus qu'un simple souhait d'optimisation de l'accessibilité.

Cela montre que cette marque a investi dans l'ergonomie, même si elle ne se livre pas au commerce, et est un site de partage d'images.

Twitter est un autre exemple adéquat de site Web optimisé en matière de simplicité des commandes au clavier.

Vous pouvez même rendre votre marque plus sympathique si vous répondez à ces exigences et donner à l'utilisateur l'impression d'avoir la possibilité de se déplacer à l'aide de touches uniquement.

5. Soyez pragmatiquement visuel

Aussi énigmatique que cela puisse paraître, ce n'est vraiment pas si difficile.

N'ayez pas peur d'utiliser des pictogrammes, des symboles et d'autres repères visuels pour aider vos visiteurs à se déplacer et à découvrir votre marque. L'exemple le plus simple serait de mettre le mot "page suivante" dans une flèche pointant vers la droite, insinuant l'action sans avoir à lire le texte à l'intérieur.

Ce type d'assistance visuelle a de nombreux objectifs, en premier lieu l'optimisation de l'accessibilité, bien sûr. Il réduit également le temps nécessaire à la navigation, augmentant ainsi l'efficacité de votre plateforme.

Une autre caractéristique importante, où vous pouvez insuffler utilité et esthétique, consiste à utiliser des symboles, ce qui permet d'obtenir un type de design minimaliste unique. Avoir le bon nombre d'éléments, sans nuire à la qualité des informations nécessaires, nous est utile à tous.

Mentionner des sites Web populaires comme excellents exemples de telles optimisations semble un peu obsolète, mais bon, ils sont en fait populaires grâce à ce fait. Prenez Instagram, un excellent exemple de simplicité visuelle et ergonomique. L'accessibilité de ce service est aussi simple que quelques clics et appuis, et les symboles utilisés permettent d'économiser de l'espace, de désencombrer et de rendre chaque élément plus visible et distinguable.

Un autre excellent outil d'optimisation de l'accessibilité n'est autre que la couleur. Oui, la couleur. L'utilisation de la couleur dans la conception de sites Web est désormais une vieille histoire. Mais le rôle qu'il peut jouer pour rendre votre site plus accessible aux personnes âgées et aux personnes handicapées est immense !

Meilleures entreprises de conception et de développement de sites Web

6. Évaluez et adaptez votre contenu

Oui, exactement ça. Cela peut sembler une chose facile à ignorer, mais les gens se retrouvent souvent bloqués lorsqu'ils développent une marque en ligne.

Les règlements et les règles peuvent sembler complexes à première vue, mais vous pouvez prendre des mesures pour les rendre beaucoup plus faciles.

Assurez-vous de bien comprendre le contenu que vous présentez et de pouvoir l'expliquer à la fois à un enfant de cinq ans et à un développeur Web chevronné. De cette façon, il vous sera beaucoup plus facile de démarrer l'optimisation de l'accessibilité.

Pour adapter le contenu, commencez par une liste des déficiences les plus courantes que les personnes en ligne ont :

• Des gens qui ne voient pas très bien.
• Les personnes aveugles.
• Les gens qui n'entendent pas très bien.
• Les personnes qui ne peuvent pas utiliser facilement une souris ou un clavier.
• Les personnes qui ont du mal à comprendre des phrases plus longues et plus complexes.

En tenant compte de ces facteurs, vous trouverez le processus d'adaptation plus faisable et plus facile à gérer. Gardez à l'esprit que vous avez un guide pratique à vos côtés, et n'ayez crainte, vous rendez service au monde !

7. Utiliser la technologie d'assistance

Le dernier sur cette liste, mais non le moindre, est l'utilisation de technologies d'assistance.

Il existe de plus en plus de technologies développées pour aider les gens à utiliser l'ordinateur et Internet. Nous avons déjà mentionné les lecteurs d'écran, mais ils ne sont pas les seuls.

Il est important de rendre votre site Web disponible grâce à ces technologies, et la liste essentielle comprend :

• Lecteurs d'écran - ces plates-formes de synthèse vocale peuvent reconnaître le texte alternatif comme une source de texte légitime.
• Fonctionnalités d'accessibilité Windows/Mac - il s'agit d'options de facilité d'accès que les fabricants incluent nativement dans leurs appareils (loupe ou synthèse vocale).
• Analyseurs de contraste de couleur - ce sont des programmes pour aider à adapter la couleur à différents types d'obstacles de couleur.
• Barres d'outils/plug-ins - ceux-ci offrent divers types d'assistance tels que des aides linguistiques.
• Appareils mobiles - tout le monde est sur mobile, alors gardez l'accessibilité de votre site Web optimisée pour les appareils mobiles également.

Les meilleures agences numériques

Les avantages de l'optimisation de l'accessibilité

Nous sommes conscients que tout cela semble être beaucoup de travail, mais c'est pour une juste cause. Même si vous êtes une organisation à but non lucratif, c'est une excellente idée de rendre votre site Web à but non lucratif accessible au plus grand nombre.

Outre tout ce qui a été dit jusqu'à présent, examinons certains avantages de ces implémentations.

1. Une clientèle plus large

Rendre votre marque conviviale en ligne est un grand pas vers une toute nouvelle clientèle. Exploiter ce marché tout en faisant une bonne action est une situation gagnant-gagnant.

2. Responsabilité sociale

Améliorer Internet est la responsabilité que nous avons tous sur nos épaules - propriétaires, navigateurs occasionnels et clients. Étant donné que le World Wide Web est un droit humain fondamental, il serait un peu irresponsable de ne pas aborder ce genre d'optimisations et d'adaptations avec enthousiasme.

3. Un site Web plus ordonné

Beaucoup de développeurs web en témoigneront. Lorsque vous optimisez votre site Web, afin de réaliser les changements mentionnés ci-dessus, vous corrigerez et resserrerez toutes les pièces manquantes ou desserrées. Et il vous aide à rester en contact avec tous les éléments essentiels tels que le référencement, la compatibilité des appareils et la maintenance du site Web.

Les meilleurs outils pour démarrer l'accessibilité de votre site Web

Il existe de nombreuses sources précieuses pour vous aider à créer un meilleur site Web et à tester votre site actuel.

Nous avons sélectionné certains des sites Web les plus populaires et les plus utiles pour vous aider, vous et votre marque, à rejoindre les rangs des meilleurs sites Web d'accessibilité.

Si vous visez à le faire «selon les règles», et celui du gouvernement, commencez par le 508checker. Cet outil vous permet de vérifier l'accessibilité de votre site en saisissant simplement l'URL. Il utilise l'amendement original comme référence, de sorte que vous saurez où vous en êtes.

Ensuite, il y a Accessibility Valet, un outil simple qui utilise les WCAG et la section 508 comme point de référence, recherchant les erreurs et donnant des suggestions sur ce sur quoi vous pouvez travailler.

Et le troisième pour vous aider à optimiser votre site Web est Wave, un ensemble d'outils similaires aux deux précédents, avec la possibilité supplémentaire de rechercher des erreurs potentielles sur les sites Web non publics et non publiés.

La puissance d'un site Web optimisé pour l'accessibilité

En faisant l'optimisation de l'accessibilité socialement responsable, en suivant les règles du W3C et en adhérant à la section 508, vous vous rendez service à vous-même et à beaucoup de gens.

Alors, rappelez-vous toujours qu'il y a des internautes qui ne se connectent pas comme la majorité des autres.

Et oui, ces fonctionnalités ne sont pas seulement pour les aider, mais aussi pour vous aider à comprendre le marché et à en acquérir une compréhension plus profonde et plus approfondie.

N'oubliez pas : l'accessibilité du Web est essentielle pour certains, mais utile pour tous !

Et voila. Beaucoup à traiter et beaucoup à penser.

L'investissement dans l'optimisation de l'accessibilité est très certainement précieux, sans inconvénient. Vous permettez à plus de gens de connaître votre marque, vous résolvez de petits problèmes, rendant ainsi un petit service au public.

De plus, votre service en ligne gagnera instantanément en crédibilité.

Si vous prenez les mesures nécessaires pour vous assurer que votre site Web est accessible à tous, vous vous rendez un grand service. Parce que l'avenir de la conception Web est l'accessibilité. De plus en plus de personnes vont interagir avec des marques et des institutions de toutes sortes. Et vous voulez vous assurer de ne pas être laissé pour compte.

Obtenez de l'aide pour l'accessibilité de votre site Web avec ces ressources d' agence de conception et de développement Web !

Découvrez encore plus la conception web et des conseils de croissance entreprise lorsque vous vous abonnez pour la DesignRush dose quotidienne!