En créant un site accessible, vous garantissez une navigation fluide à tous les visiteurs, y compris ceux porteurs de handicap. L'accessibilité n'est pas qu'une question de conformité réglementaire. Un site inclusif améliore non seulement l'expérience des visiteurs, mais aussi votre classement dans les moteurs de recherche, ce qui renforce à terme votre visibilité.
Appliquez les principes d'accessibilité ci-dessous pour améliorer la fonctionnalité et l'expérience de tous les utilisateurs.
1. Utilisez une police d'écriture claire et lisible
Pourquoi ?
La lisibilité des textes est l'un des composants clés de l'accessibilité. Elle est essentielle pour les utilisateurs malvoyants, dyslexiques ou ceux ayant un handicap cognitif, qui ont besoin de textes clairs et structurés. En formattant correctement le texte de votre site, vous améliorez aussi l'expérience des visiteurs qui le consultent dans certains environnements, par exemple en plein soleil ou sur un petit écran mobile.
Bonnes pratiques
- Choisissez une police de caractère lisible parmi celles proposées par Jimdo pour renforcer la lisibilité. Évitez les polices trop décoratives, souvent difficiles à lire
- Conservez un contraste suffisamment marqué entre le texte et l'arrière-plan (4,5:1 au minimum pour les caractères normaux et 3:1 pour les gros caractères) afin de faciliter la lecture pour les utilisateurs malvoyants
- Utilisez la structure de titres offerte par Jimdo (grand H1, moyen H2 et petit H3) pour améliorer la lisibilité et la navigation avec les lecteurs d'écran. Les titres contribuent à structurer votre contenu, ce qui permet de trouver plus rapidement les informations recherchées
Pour plus d'informations sur le sujet, vous pouvez consulter l'article suivant : Comment optimiser mes textes ?
2. Définissez la langue de votre site
Pourquoi ?
Si vous définissez la bonne langue dans les paramètres de votre site, les lecteurs d'écran et autres aides technologiques sauront l'interpréter correctement. Sinon, ces outils risquent de mal prononcer les mots ou de rencontrer des problèmes lors de la lecture à voix haute du texte.
Remarque : Jimdo propose une sélection de langues limitée. Lorsque vous sélectionnez un langage dans les paramètres, tous les textes par défaut, y compris les messages système et les textes de l'e-boutique, s'afficheront dans la langue choisie. De ce fait, seules les langues proposées pourront être reconnues et traitées par les lecteurs d'écran.
Bonnes pratiques
- Vérifiez que vous avez bien réglé la langue principale de votre site dans les Paramètres Jimdo
- En définissant la langue de votre site, vous améliorez le SEO et l'accessibilité car les moteurs de recherche et les aides technologiques reconnaissent et traitent votre contenu plus efficacement
- Écrivez dans un langage simple et clair afin d'améliorer la lisibilité pour tous les utilisateurs, y compris ceux porteurs de handicaps cognitifs ou qui ne sont pas des locuteurs natifs de la langue de votre site
Pour connaître la marche à suivre, consultez l'article suivant : Comment modifier la langue d’interface ?
3. Ajoutez des textes alternatifs à vos images
Pourquoi ?
Le texte alternatif (alt text) est indispensable pour les utilisateurs malvoyants qui dépendent des lecteurs d'écran pour comprendre les images. En outre, il améliore le classement SEO de votre site en aidant les moteurs de recherche à comprendre le contenu de vos images.
Bonnes pratiques
- Ajoutez des textes alternatifs descriptifs dans les paramètres de chacune de vos images. Veillez à décrire le contenu et la fonction de l'image
- Évitez d'insérer du texte sous forme d'image, car les lecteurs d'écran ne sauront pas le lire. Utilisez plutôt du vrai texte que les lecteurs d'écran pourront interpréter
- Pour les images purement décoratives, laissez l'attribut de texte alternatif vide (alt="") afin de réduire les distractions pour les utilisateurs
Sur ce sujet, nous vous renvoyons vers l'article suivant : Comment ajouter un texte alternatif aux images ?
4. Soyez descriptif dans le texte des liens
Pourquoi ?
En général, les visiteurs qui utilisent des lecteurs d'écran scannent les liens pour savoir comment naviguer sur un site. Les liens génériques, comme « Cliquez ici » ou « En savoir plus », ne fournissent aucune information contextuelle et rendent la navigation difficile.
Bonnes pratiques
- Évitez d'insérer des liens de type « Cliquez ici » ou « En savoir plus »
- Soyez explicite sur la destination du lien : par exemple « Découvrez mon portfolio » au lieu de « Cliquez ici », pour que les visiteurs sachent immédiatement quelle page ils sont sur le point de consulter De même, écrivez « En savoir plus sur mes services de coaching** » plutôt que « Plus d'infos » pour expliciter la destination du lien
- Faites ressortir visuellement les liens du reste du texte grâce aux différentes options de formatage Jimdo
Pour savoir comment insérer des liens sur votre site Jimdo, consultez notre Tutoriel : création de liens
5. Veillez à l'accessibilité des contenus multimédias
Pourquoi ?
Les utilisateurs sourds ou malentendants ont besoin de sous-titres ou de transcriptions pour les vidéos, tandis que les visiteurs malvoyants dépendent des audiodescriptions. Sans ces aménagements, vos contenus multimédias sont inaccessibles pour certains visiteurs, qui risquent de passer à côté d'informations importantes.
Bonnes pratiques
- Ajoutez des sous-titres ou des transcriptions à vos vidéos ou fichiers audio afin de rendre vos contenus multimédias accessibles aux malentendants
- Fournissez une interprétation en langue des signes ou une audiodescription de vos vidéos
- Évitez d'insérer des médias en lecture automatique ou mettez des boutons pause/stop à disposition, la lecture automatique risquant de désorienter certains utilisateurs
- Intégration de vidéos YouTube : Vous pouvez insérer une vidéo YouTube sur votre site Jimdo grâce à l'élément HTML. Pour que les sous-titres soient activés par défaut, ajoutez « &cc_load_policy=1 » à la fin du lien de la vidéo intégrée. Par exemple :
<iframe width="100%" height="100%"
src="https://www.youtube.com/embed/VIDEO_ID?&cc_load_policy=1
"frameborder="0" allowfullscreen></iframe>Pour savoir comment intégrer des vidéos sur votre site Creator, consultez l'article suivant : Comment ajouter des vidéos sur mon site Jimdo Creator ?
6. Rendez vos formulaires accessibles
Pourquoi ?
Les formulaires jouent un rôle primordial sur un site Internet. Ils permettent aux visiteurs de vous contacter ou de vous envoyer des informations. Lorsqu'ils sont mal conçus, les formulaires finissent par agacer les utilisateurs, voire devenir complètement inutilisables pour ceux porteurs de handicaps.
Bonnes pratiques
- Intitulez clairement tous les champs de votre formulaire pour aider les utilisateurs à savoir précisément quelles informations fournir
- Soyez clair dans vos consignes et vos messages d'erreur afin de bien guider les visiteurs
Pour approfondir la question, consultez l'article d'aide suivant : Comment créer un formulaire de contact ?
7. Choisissez vos couleurs pour une accessibilité optimale
Pourquoi ?
Certains utilisateurs ont des déficiences visuelles, comme le daltonisme, qui empêchent de distinguer les couleurs. Si les couleurs sont la seule façon dont vous transmettez des informations sur votre site, ces utilisateurs risquent d'être privés de détails importants.
Toutes les palettes de couleurs proposées par Creator ne sont pas 100 % accessibles. Jimdo vous propose de choisir des couleurs en fonction de vos besoins. Si une palette de couleurs ne répond pas aux critères d'accessibilité, vous pouvez ajuster les contrastes à tout moment.
Bonnes pratiques
- Utilisez des indicateurs visuels, comme des symboles ou du texte pour transmettre des informations. Ne passez pas uniquement par les couleurs
- Veillez à offrir un contraste suffisant entre le texte et l'arrière-plan. Dans Style, vous trouverez les codes exacts des couleurs utilisées sur votre site et pourrez ajuster le contraste
- Vérifiez la lisibilité de votre site avec des outils d'accessibilité, comme le calculateur de contraste legibility.info, afin de vous assurer que tous les utilisateurs puissent le lire
Pour savoir comment personnaliser votre site Creator, consultez l'article suivant : Comment modifier le style de mon site Jimdo Creator ?
8. Offrez un design responsive aux utilisateurs mobiles
Pourquoi ?
Nombre d'utilisateurs naviguent sur Internet depuis des appareils mobiles. Faute d'un design responsive, votre site sera difficile à parcourir depuis un petit écran, ce qui nuira à son accessibilité et sa facilité d'utilisation.
Bonnes pratiques
- Tous les modèles Jimdo sont responsive par défaut. Prévisualisez votre site sur différents types d'appareil pour vérifier sa lisibilité
- Assurez-vous notamment que les boutons et les liens soient suffisamment grands pour que les utilisateurs puissent appuyer dessus depuis un écran tactile
Sur ce sujet, nous vous renvoyons vers l'article suivant : À quoi ressemble mon site Jimdo Creator sur un appareil mobile ?
9. Testez et validez l'accessibilité de votre site
Pourquoi ?
Tester régulièrement l'accessibilité de votre site vous aide à identifier les éventuels problèmes qui gêneraient les utilisateurs handicapés lors de la navigation.
Bonnes pratiques
- Testez votre site auprès de personnes porteuses de handicap pour identifier d'éventuelles pistes d'amélioration
Créer une expérience plus inclusive sur Internet
En suivant nos recommandations, vous rendrez votre site accessible à tous les visiteurs. Un site accessible améliore non seulement l'expérience utilisateur générale, mais renforce aussi votre visibilité et booste votre classement sur les moteurs de recherche. En outre, votre contenu est plus facile à comprendre pour une grande variété de personnes.