Développez votre site internet pour qu’il soit accessible
Comment vous sentiriez-vous si vous étiez vraiment enthousiaste à l’idée de consulter un site Web, mais qu’une fois sur ce site, vous ne pouviez accéder à aucun de ses contenus ? Je serais personnellement frustré, et j’imagine que vous le seriez aussi.
Si vous n’utilisez pas une conception Web accessible, c’est le scénario que vous créez pour un adulte sur quatre vivant avec un handicap aux États-Unis. Cela représente environ 61 millions de personnes qui n’ont pas un accès égal à votre site Web.
Suivre les directives d’accessibilité de la conception Web n’est pas facile si vous ne l’avez jamais fait auparavant, mais je vais vous donner quelques conseils pour commencer.
Utilisez les horodateurs dans la description de la vidéo si vous souhaitez passer à différentes sections de cette vidéo. Pour l’instant, je vais vous donner un aperçu de l’accessibilité des sites Web.
[Lire: Création de site internet]
Qu’est-ce que l’accessibilité des sites Web ?
L’accessibilité des sites Web signifie que votre site est conçu pour que les personnes handicapées puissent l’utiliser. L’objectif de la conception accessible est de supprimer les barrières technologiques afin que chacun puisse interagir avec votre contenu.
Selon le World Wide Web Consortium, également connu sous le nom de W3C, un site Web accessible fonctionne pour les personnes souffrant de handicaps auditifs, cognitifs, neurologiques, physiques, vocaux et visuels.
Ne vous inquiétez pas si vous ne savez pas par où commencer. Le W3C dispose d’une documentation qui vous indique ce que votre site Web doit inclure pour répondre à ses normes.
Cette documentation comprend :
- Directives d’accessibilité aux outils de création (ATAG)
- Directives d’accessibilité du contenu Web (WCAG)
- Directives d’accessibilité pour les agents utilisateurs (UAAG)
ATAG se concentre sur les outils que les gens utilisent pour créer du contenu Internet et UAAG se penche sur l’accessibilité des outils qui rendent le contenu Web.
Je vais me concentrer sur les WCAG, qui sont les directives pour rendre le contenu des sites Web accessible à tous.
Avec les WCAG, il existe trois niveaux de conformité différents : A, AA et AAA. Lorsque vous passez de A à AA puis à AAA, vous suivez davantage de normes définies par les WCAG et rendez votre site accessible à un plus grand nombre de personnes.
Alors, comment savoir si votre site Web est accessible ? Faites un audit !
Comment vérifier l’accessibilité de votre site Web
Vous n’êtes pas obligé de réaliser vous-même un audit. Si vous préférez externaliser votre audit, contactez une équipe de consultants qui pourra analyser votre site Web et procéder aux ajustements nécessaires.
Si vous préférez gérer les choses en interne, vous avez de nombreuses options. Vous pouvez passer au peigne fin les pages de votre site Web à la recherche de problèmes manuellement, mais cela vous prendra probablement beaucoup de temps.
Vous pouvez utiliser des outils pour vous aider. Introduisez votre URL dans un vérificateur d’accessibilité comme WAVE pour voir ce que vous devez mettre à jour sur une page. Vous pouvez également utiliser un vérificateur d’accessibilité en masse pour analyser plusieurs pages à la fois.
Le site Web du W3C propose une longue liste d’outils d’accessibilité, ce qui vous évite de devoir tout faire vous-même.
Nous avons également une liste de cinq éléments importants pour votre accessibilité et quelques exemples de conception accessible – dont je vais parler ensuite – alors restez avec moi.
5 directives d’accessibilité pour la conception de sites Web
N’oubliez pas qu’il s’agit de courts résumés des directives WCAG. Je vous encourage à utiliser le guide de référence rapide du W3C pour apprendre des techniques plus approfondies de conception accessible.
1. Assurez-vous que le texte est lisible
Tout texte de taille normale qui communique des informations importantes doit être facile à lire.
Le contraste joue un rôle important à cet égard. À l’heure actuelle, les textes de grande taille (comme les grands titres) doivent présenter un rapport de contraste texte/arrière-plan de 3:1. Le texte normal (ou plus petit), comme le texte qui constitue le corps de votre contenu, doit avoir un rapport de contraste de 4,5:1.
Un exemple de contraste insuffisant ressemble à un texte vert clair sur un fond vert légèrement plus foncé. Si vous remplacez le texte par du noir ou du blanc, votre site Web sera beaucoup plus contrasté.
Les utilisateurs doivent également être en mesure de zoomer sur le texte sans que cela n’ait d’incidence sur la fonctionnalité de votre site ou ne leur fasse manquer du contenu.
2. Optimisez les images pour qu’elles soient vues et lues
L’ajout de texte alternatif aux images n’est pas seulement une pratique de référencement courante. Il aide les personnes qui ne peuvent pas voir les images à comprendre ce qu’elles contiennent.
Le texte alternatif est une partie du texte qui explique clairement ce qui se passe dans une image. Le texte alt s’insère directement dans les codes d’intégration de vos images. Comme vous le voyez dans cet exemple de Mashable, la page contient des images et lorsque vous passez du côté du code, vous voyez le texte alternatif.
3. Donnez à votre public des moyens supplémentaires de comprendre les vidéos
Si vous n’avez jamais ajouté de légendes à vos vidéos, c’est le moment de commencer. Et ne vous contentez pas de celles que YouTube ou un autre fournisseur d’hébergement génère automatiquement.
Si vous avez le temps et la patience, jetez un coup d’œil à vos légendes générées automatiquement et modifiez-les. Ils ne seront pas parfaits s’ils proviennent d’une IA.
Vous pouvez également commander des sous-titres à l’aide d’un outil comme Rev, puis les ajouter à votre vidéo.
Inclure des transcriptions avec vos vidéos les rend plus accessibles. Si vous avez écrit un script, vous avez déjà préparé une transcription !
Les descriptions audio ajoutent une autre couche d’accessibilité. Il s’agit de pistes audio distinctes qui décrivent ce qui se passe dans votre vidéo entre deux dialogues.
Ainsi, si deux personnes parlent de leur récente sortie shopping et que la vidéo passe ensuite à des images d’une personne en train d’essayer des vêtements, la description audio expliquera ce qui se passe dans la vidéo. Cela peut être quelque chose comme ceci : Une femme se tient devant un miroir et met deux foulards sur son épaule.
Une plateforme d’hébergement comme Wistia vous permet de télécharger des descriptions audio (et propose même une liste de contrôle de l’accessibilité des vidéos lorsque vous téléchargez vos vidéos).
[Lire: Comment créer un site internet]
4. Concevez votre site Web pour qu’il soit adapté à la souris et au clavier
Tout le monde n’utilise pas une souris pour naviguer sur Internet. Votre site Web doit en tenir compte.
Cela signifie non seulement que vous devez vous assurer que quelqu’un peut interagir avec votre site Web à l’aide d’un clavier, mais aussi que vous devez disposer de moyens visibles pour mettre en évidence la partie de votre site Web sur laquelle vous vous concentrez.
Si vous regardez un autre exemple de conception accessible, vous verrez que lorsque je clique sur la barre de recherche du site Web de Keds, la ligne clignotante classique apparaît pour m’indiquer que je peux taper. La barre de recherche devient également plus proéminente lorsque je clique dessus.
Pour satisfaire aux directives des WCAG, cette fonctionnalité doit apparaître lorsqu’un clavier est utilisé.
5. Rendez la navigation de votre site facile à comprendre
Ce conseil va au-delà de l’accessibilité. Il est généralement bon de rendre la navigation sur votre site Web simple et claire.
Rédigez des titres de page et des en-têtes dont l’objectif est clair. Utilisez un texte d’ancrage de lien qui permet de comprendre facilement ce que contient le contenu vers lequel vous vous dirigez.
Encore une fois, utilisez des indicateurs d’orientation pour que les gens sachent où ils se trouvent sur une page. Offrez plus d’un moyen d’accéder à une page Web, par exemple par le biais d’un plan du site, de la navigation principale ou de la table des matières.
Et comment faire l’impasse sur ce point ? Ayez une navigation cohérente. Cela signifie que si vous avez un en-tête de navigation principal, il ne doit pas changer lorsqu’un utilisateur passe d’une page à l’autre.
Dans cet exemple présentant le site Web d’At Home, bien que je clique d’une page à l’autre, la navigation en haut de la page ne change pas.
Comme je l’ai dit plus haut, il ne s’agit certainement pas d’une liste exhaustive de ce que vous devez faire pour respecter les instructions relatives à l’accessibilité des sites Web. Ces directives peuvent également changer, alors faites vos recherches lorsque vous serez prêt à évaluer votre accessibilité.
SEO INSIDE est une agence seo.
--
SEO Inside est une agence web et SEO - en savoir plus sur nous:
Agence web / Audit SEO / Conseil SEO / Création de site internet / Refonte de site internet optimisé pour le SEO / Référencement naturel / Référencement local /Netlinking / Formation SEO / E-Réputation et avis
Voici nos implantations :
Lille / Dunkerque / Amiens – ce sont nos 3 bureaux historiques.
Puis voici nos zones géographiques d’intervention :
Paris / Abbeville / Rouen / Compiègne / Reims / Metz / Caen / Evreux / Nancy / Colmar / Rennes / Le Mans / Orléans / Dijon / Besançon / Angers / Nantes / La Rochelle / Poitiers / Limoges /Clermont-Ferrand / Lyon / Annecy / Grenoble / Valence / Bordeaux / Montauban / Toulouse / Biarritz / Montpellier / Marseille / Cannes / Nice / Avignon / Monaco
SEO INSIDE est une agence web spécialiste en référencement naturel qui se veut proche de vous. Contactez-nous pour discuter de vos projets.
