Téléchargez un manuel gratuit, qui vous aidera à concevoir votre site en toute confiance.
L’adresse e-mail saisie n’est pas valide.
Nous vous remercions de vous être abonné(e).
En saisissant votre adresse e-mail, vous reconnaissez avoir lu et compris notre Politique de confidentialité et acceptez de recevoir des communications marketing de la part de Squarespace.
Un site web accessible garantit que chaque internaute qui le visite peut accéder aux informations que vous souhaitez montrer. L’accessibilité est l’un des points importants à prendre en compte pour quiconque développe un site web, et pas uniquement les grandes organisations. Les éléments qui améliorent l’accessibilité favorisent également l’optimisation pour les moteurs de recherche (SEO), permettant ainsi à votre site d’occuper une position favorable dans les résultats de recherche et d’atteindre un public plus vaste.
En matière d'accessibilité, les bonnes pratiques ne cessent d'évoluer. Les lois, les règlementations et les normes d’accessibilité peuvent varier en fonction de votre localisation. Par exemple, un site conforme à l’Americans with Disabilities Act (ADA) ne respecte pas forcément les normes d’accessibilité d’autres pays.
Nul besoin d’être un expert ou de maîtriser le codage pour améliorer l’accessibilité de votre site web. Voici cinq choses que vous pouvez mettre en place pour faciliter la visualisation de votre design et de votre contenu pour tout le monde.
Remarque : ce guide est proposé comme ressource pour vous aider à démarrer, mais il ne doit en aucun cas être considéré comme un document juridique. Squarespace ne peut pas vous fournir de conseils sur la conformité de votre site à aucune loi, réglementation et norme spécifiques en matière dʼaccessibilité du web.
1. Choisissez soigneusement vos couleurs
Les couleurs sont un élément essentiel de l’identité visuelle d’une marque. Mais si vous souhaitez communiquer efficacement avec tous les visiteurs de votre site web, il est préférable de ne pas se contenter d’utiliser de la couleur.
Avant de vous arrêter sur des couleurs pour votre site web, posez-vous les questions suivantes :
Est-ce que j’utilise de la couleur pour véhiculer des informations ? Si vous utilisez une couleur pour mettre un mot en valeur, les visiteurs présentant une déficience visuelle ou des troubles de la perception des couleurs risquent de ne pas le remarquer. Et les technologies d’assistance ne peuvent pas transmettre votre intention en se basant uniquement sur la couleur. Si vous utilisez de la couleur pour véhiculer un message (comme le rouge pour signifier « Attention »), veillez à ce que votre intention transparaisse également dans le texte ou les images avec un texte de remplacement que les technologies d’assistance peuvent capter.
Le contraste entre le texte et l’arrière-plan est-il suffisant ? Les couleurs similaires (comme le rouge et l’orange) sont difficiles à distinguer et peuvent empêcher les personnes malvoyantes ou souffrant de déficiences chromatiques de voir votre contenu. Afin d’offrir une expérience encore plus accessible, choisissez des couleurs qui contrastent lors de la conception de votre site web, comme du noir sur un arrière-plan couleur crème.
2. Ajoutez du texte de remplacement à des images
Le texte de remplacement est la description d’une image qui peut être captée par des technologies d’assistance. C'est un outil utile, pas uniquement pour les personnes souffrant de déficiences visuelles, mais aussi pour :
Les personnes souffrant de déficiences cognitives qui peuvent mieux comprendre le langage parlé que le visuel
Les personnes utilisant des assistants vocaux (lorsqu’elles ne consultent pas la page web)
Les utilisateurs qui peuvent ne pas avoir accès aux images à cause d’un problème de connexion
Les utilisateurs qui préfèrent ne pas télécharger les images pour des raisons liées au temps ou au coût
Ajouter un texte de remplacement à vos images permet de garantir que tous les visiteurs peuvent accéder aux informations les plus importantes de votre site web.
Pour savoir quand ajouter du texte de remplacement et rédiger des descriptions utiles, posez-vous les questions suivantes :
L’image est-elle décorative ou véhicule-t-elle des informations ? Il n’est pas nécessaire d’ajouter du texte de remplacement aux images décoratives étant donné qu’il est peu probable qu’elles aident les utilisateurs à mieux comprendre les informations de votre page.
Quelles informations faut-il donner sur une image ? Toutes les parties d’une image ne servent pas à illustrer son objectif. Par exemple, la couleur de l’arrière-plan d’un portrait n’est pas nécessaire, mais le nom de la personne figurant sur la photo peut l’être.
Autres directives à garder à l'esprit :
Limitez votre texte de remplacement à 250 caractères. Si une image nécessite une description plus longue et plus détaillée, incluez une légende pour la description complète.
N’incluez pas « une image de » ou « une photo de » dans votre description. Les technologies d’assistance identifieront les images pour les utilisateurs, de sorte que vous n’ayez pas à le faire.
Découvrir d’autres conseils pour rédiger un texte de remplacement utile
3. Ajoutez une légende à vos vidéos et limitez la lecture automatique
Tout comme le texte de remplacement fournit un contexte important pour les images fixes et les GIF, les légendes et les transcriptions font de même pour le contenu vidéo et audio. Vous pouvez utiliser une plateforme vidéo tierce pour ajouter des sous-titres codés aux vidéos, puis importer votre vidéo dans un bloc Vidéo Squarespace ou une collection de vidéos sur votre site web.
Les transcriptions permettent aux visiteurs d’obtenir toutes les informations relatives à la vidéo, et ce, même s’ils ne sont pas en mesure de la regarder ou de l’écouter. Vous pouvez ajouter une transcription à votre site web via un fichier téléchargeable, dans un bloc Texte sur la page ou sur une page distincte accessible par un lien situé sous le lecteur vidéo.
La présence d’un trop grand nombre d’images en mouvement (zoom, clignotement ou changement rapide) sur une page peut avoir un impact négatif sur les personnes sensibles au mouvement ou aux lumières clignotantes. Pour protéger ces utilisateurs :
Incluez une option qui permet de mettre les vidéos sur pause, quand cela est possible.
N’activez pas la lecture automatique sur votre site.
Évitez d’ajouter des vidéos d’arrière-plan sur une page.
Évitez les GIF et les vidéos qui clignotent trois fois ou plus sur une période d’une seconde.
4. Faites en sorte que votre contenu soit clair
La façon dont votre contenu est organisé sur votre site web permet aux personnes utilisant des technologies d’assistance de naviguer plus facilement. Pour la plupart des sites web, il s'agit de créer une disposition des pages simple et cohérente et de faire en sorte que les noms de chaque page du site soient clairs et distincts.
Si vous créez un lien hypertexte vers du texte, donnez des intitulés adaptés à vos liens. Les technologies d’assistance indiquent généralement lorsqu’un lien est présent dans le texte. Il n’est donc pas nécessaire d’inclure le mot « lien » dans votre contenu. Lorsque vous redirigez les utilisateurs vers une page de contact, par exemple, il est plus adapté d’écrire « Contactez-nous sur notre page de contact » que « Pour nous contacter, cliquez ici ».
La façon dont vous structurez votre contenu est importante pour n’importe quelle page de votre site web, y compris les pages Blog. Donnez à vos pages une structure facile à suivre en utilisant des en-têtes (par exemple, H1, H2, H3) plutôt que d’utiliser du texte en gras ou en italique pour séparer les différentes sections de votre page. Utilisez un seul H1 par page (un H1 indique le titre ou l’accroche), et utilisez les niveaux de titre dans l’ordre (par exemple en évitant de passer d’un H2 à un H4).
5. Faites appel à un designer qui maîtrise bien l'accessibilité
Si vous décidez de faire appel à un(e) web designer, demandez-lui s’il/elle maîtrise les normes d’accessibilité des sites web. Si tel est le cas, vous pourrez gagner du temps et potentiellement apporter des améliorations que vous n’auriez pas pu apporter vous-même.
Si vous avez des doutes, vous pouvez également demander de l’aide ou des conseils à un spécialiste de l’accessibilité. Des sociétés de consulting dirigées par des experts peuvent vous aider en testant le niveau d’accessibilité de votre site, en proposant des formations ou en suggérant des modifications.
Pour améliorer le niveau d’accessibilité de votre site, il n’est pas nécessaire d’être expert en codage ou d’utiliser des outils externes. Vous pouvez suivre les étapes ci-dessus en utilisant les outils déjà inclus sur Squarespace. N’oubliez pas qu’il est de votre responsabilité de faire en sorte que votre site respecte les lois applicables, y compris les exigences locales en matière dʼaccessibilité. Ces mises à jour contribueront grandement à créer une expérience plus inclusive et informative pour chaque personne qui consulte votre site.