Améliorer l’accessibilité du site grâce à un design inclusif

Améliorez la convivialité de votre site pour les personnes en situation de handicap.

Dernière mise à jour le 15 juillet 2024

Vous pouvez personnaliser de nombreux aspects de votre site afin de le rendre plus accessible et plus facile à naviguer pour tous les visiteurs, y compris ceux qui ont un handicap ou qui utilisent des lecteurs d’écran et d’autres technologies d’assistance.

Utilisez ce guide pour découvrir les bonnes pratiques en matière de design et de structuration de votre contenu.

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.

Disposition

Pour les personnes malvoyantes ou souffrant d’un handicap cognitif, il est important que la disposition et le design de votre site web soient clairs. Toutefois, une disposition simple et cohérente peut également profiter aux visiteurs qui ne sont pas à l’aise avec les ordinateurs, ou à ceux qui consultent votre site sur un écran plus petit, tel qu’un appareil mobile. Les différentes parties de votre site web, telles que les menus de navigation, les liens et les sections Texte, doivent être clairement identifiables.

Navigation au clavier

Certains visiteurs naviguent peut-être sur votre site à l’aide d’un clavier plutôt que d’une souris. L’accessibilité du clavier est également importante pour certaines technologies d’assistance telles que la reconnaissance vocale et les lecteurs d’écran. Vous pouvez envisager de tester l’accessibilité de votre site en essayant d’y naviguer uniquement à l’aide de votre clavier. 

Personnalisation du contour de mise en évidence

Bien que les sites Squarespace de la version 7.1 disposent d’une fonction de contour de mise en évidence intégrée qui met en surbrillance les éléments d’une page, tels que les liens de navigation et les champs de formulaire, le contour de mise en évidence est le même sur tous les sites et toutes les pages. Il n’est pas possible de personnaliser la couleur ou l’épaisseur du trait. Le contour apparaît lorsque les visiteurs du site appuient sur la touche Tab de leur clavier. La première fois que vous appuyez sur la touche Tab, un message Passer au contenu s’affiche. Appuyez sur la barre d’espace pour ignorer l’en-tête et la navigation du site et accéder directement au contenu du site ou continuez à appuyer sur la touche Tab pour accéder aux autres contenus.

Remarque

assurez-vous que votre navigateur est à jour pour éviter tout problème avec la fonctionnalité de contour de mise en évidence. Pour mettre à jour la version de votre navigateur, suivez ces étapes.

Raccourcis clavier Squarespace

Découvrez les raccourcis clavier que vous pouvez utiliser pour gérer et modifier votre site.

Éditeur intuitif

Lorsque vous modifiez des sections de l’Éditeur intuitif, gardez ces bonnes pratiques à l’esprit :

  • Si des blocs se chevauchent, assurez-vous que le contenu de tous les blocs reste visible et utilisable par les visiteurs.
  • Réfléchissez à la façon dont différents éléments de bloc peuvent interagir. Par exemple, si vous avez un bloc Formulaire, ne placez pas un bloc Bouton par-dessus car les visiteurs risquent de ne pas savoir quel bouton sert à envoyer le formulaire.
  • Si vous placez du texte sur d’autres types de contenu, assurez-vous qu’il est lisible. Il peut s’agir d’ajouter une couleur d’arrière-plan à un bloc, de changer la couleur du texte pour qu’il ressorte sur une image, ou de déplacer le texte vers un endroit où il est toujours lisible. Pour en savoir plus, consultez l’article Créer du contenu accessible pour un site.
Footer Image
  • Obtenir de l’aide de notre communauté

  • Obtenez de l’aide sur les personnalisations avancées auprès de notre communauté.

  • Trouver un Squarespace Expert

  • Démarquez-vous en ligne avec l’aide d’un designer ou d’un développeur expérimenté.

Améliorer l’accessibilité du site grâce à un design inclusif