Conseils pour créer un contenu clair et concis pour votre site.

Lors de la création du contenu d’un site, il est important de tenir compte de l’accessibilité. Il s’agit de la langue que vous utilisez, de la structure de votre texte et de la façon dont vous organisez votre contenu.

Ce guide fournit des conseils pour créer et organiser le contenu de votre site tout en tenant compte de l’accessibilité.

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.

Un langage clair et concis

Un texte bien organisé, concis et clair profite non seulement à tous les visiteurs, mais est particulièrement important pour les personnes en situation de handicap. Lorsque vous rédigez le texte de votre site, tenez compte des conseils suivants :

• Utilisez un langage et une mise en forme clairs.
• Rédigez des phrases et des paragraphes concis.
• Évitez d’utiliser du jargon, des mots et des phrases inutilement complexes.
• Développez les acronymes dès la première utilisation. Par exemple, Extension de domaine (TLD).
• Utilisez des listes à puces, le cas échéant.
• Pensez à utiliser des images, des vidéos et des fichiers audio pour encore plus de clarté.

Titres

La première chose que les lecteurs d’écran communiquent lorsque les visiteurs accèdent à une nouvelle page web est un titre. Si la page comporte un titre SEO, les lecteurs d’écran le liront et ignoreront le titre de la page. En l’absence de titre SEO, les lecteurs d’écran liront le titre de la page.

Le fait de fournir un titre de page court, spécifique et unique permet aux utilisateurs qui naviguent à l’aide de technologies d’assistance de comprendre rapidement le contenu et l’objectif d’une page web.

Bonnes pratiques en matière de titres

Lorsque vous rédigez vos titres, tenez compte des points suivants :

• Présentez le sujet et l’objectif de la page.
• Le titre doit différencier la page des autres pages de votre site.
• Placez les informations exclusives et les plus pertinentes en premier. Par exemple, « Guide d’accessibilité » au lieu de « Guide sur l’accessibilité ».
• Pour les pages qui font partie d’un processus en plusieurs étapes, indiquez dans le titre l’étape en cours. Par exemple, « Choisissez la couleur de votre produit (étape 2 sur 3) - Société ABC ».

Texte

Titres

Les lecteurs d’écran utilisent du code HTML plutôt que des éléments visuels pour comprendre la structure d’une page. Lorsqu’ils utilisent un lecteur d’écran, les visiteurs peuvent mieux naviguer entre les pages si chaque section de la page comporte un titre. Les moteurs de recherche utilisent également les titres pour mieux comprendre votre contenu. Il s’agit donc d’un excellent moyen d’améliorer le SEO de votre site.

Pour en savoir plus sur la structure et les titres des pages, consultez la Web Accessibility Initiative (en anglais).

Liens

Décrivez clairement le but de chaque lien dans le texte du lien afin que les visiteurs utilisant une technologie d’assistance puissent passer d’un lien à l’autre sans perdre le contexte. Une mise en forme correcte des liens permet également d’améliorer le SEO. Vous n’avez pas besoin d’inclure le mot « lien » dans le texte du lien. La plupart des lecteurs d’écran disent « lien » avant chaque lien.

Par exemple :

Espacement

Vérifiez que l’espacement des lignes de votre texte est suffisant. Les visiteurs pourront ainsi modifier l’espacement des lignes en fonction de leurs besoins et améliorer leur expérience de lecture si nécessaire. Vous pouvez contrôler l’espacement des lettres et la hauteur de ligne dans le panneau Styles du site.

Couleurs

Vous pouvez personnaliser les couleurs de votre site à l’aide des styles du site. Toutefois, ne vous fiez pas uniquement à la couleur pour transmettre des informations à vos visiteurs. Les personnes malvoyantes ou souffrant de troubles de la perception des couleurs peuvent ne pas remarquer les différences de couleur. De plus, la couleur à elle seule ne suffit pas pour donner du sens aux visiteurs aveugles qui utilisent des lecteurs d’écran.

Vous pouvez utiliser les outils de développement de Google Chrome ou l’inspecteur d’accessibilité de Firefox afin de simuler l’apparence de vos pages pour les personnes souffrant de troubles courants de la vision des couleurs.

Remarque : ces outils tiers ne sont pas pris en charge par l’assistance Squarespace.

Formulaires

Les formulaires peuvent représenter un défi pour certains visiteurs. Il est important de s’assurer que le libellé de chaque champ est clair et que le formulaire est facile à parcourir. Utilisez un bloc Texte pour inclure de brèves instructions indiquant aux visiteurs exactement ce qu’ils doivent savoir pour remplir correctement le formulaire.

Vous pouvez inclure des espaces réservés avec du texte qui apparaît dans les champs du formulaire à titre d’exemple pour les visiteurs. Les visiteurs ont ainsi une meilleure idée de la manière dont ils doivent remplir le formulaire. N’oubliez pas que le texte de l’espace réservé ne doit pas remplacer le texte de l’intitulé. Pour en savoir plus sur le texte réservé, consultez notre forum.

Remarque : les modifications de code personnalisé ne sont pas prises en charge par notre service d’assistance. Nous ne sommes pas en mesure de vous aider ni pour la configuration ni pour la résolution de problèmes. En outre, si vous utilisez une solution basée sur du code, nous ne pouvons garantir sa fonctionnalité ni son entière compatibilité avec Squarespace, c’est-à-dire son fonctionnement avec notre design réactif et plus particulièrement son affichage sur les appareils mobiles, ainsi que son fonctionnement sur l’ensemble des templates. Le code personnalisé peut également causer des problèmes d’affichage lors des futures mises à jour de notre plateforme. À défaut de pouvoir vous assister pour ces éventuels problèmes, nous vous recommandons les ressources suivantes :

• Découvrez les bonnes pratiques pour ajouter un code personnalisé.
• Consultez notre guide général sur les personnalisations tierces.
• Trouvez un Squarespace Expert qui vous aidera à créer du code personnalisé pour votre site.