Accessibilité numérique : comment rendre votre site web et vos documents accessibles à tous ?

En France, 14 millions de personnes sont éloignées du numérique.
C’est beaucoup !
Pour les aider à utiliser Internet,
il faut respecter les règles de l’accessibilité numérique sur votre site.

C’est ce qu’on va apprendre dans cet article.

Ces conseils peuvent vous aider à rendre votre site
et vos documents accessibles.

Mais pour aller plus loin,
nous pouvons vous former à l’accessibilité et l’accessibilité web.

Contactez-nous pour en savoir plus !

Au sommaire de cet article :

1. Qu’est-ce-que l’accessibilité numérique ?
2. Qui sont les personnes concernées ? 
3. Comment savoir si votre site est accessible ?
4. Comment rendre votre site accessible ? 
   • L’aspect visuel
   • L’aspect linguistique
   • L’aspect informatif
   • L’aspect structurel
5. Conclusion
6. Pour aller plus loin…

Qu’est-ce-que l’accessibilité numérique ?

C’est le fait qu’un site web,
une application ou un logiciel
soit accessible à tout le monde. 
Cela veut dire que c’est facile à utiliser
pour les personnes avec un handicap.

Qui sont les personnes concernées ? 

Bien sûr, il s’agit de rendre votre site accessible
aux personnes en situation de handicap.
Mais pas seulement !
Ça sert aussi aux personnes qui ne savent pas bien utiliser Internet.

Comment savoir si votre site est accessible ?

Pour savoir si votre site est accessible,
vérifiez les différents aspects dont nous allons parler dans cet article.

Cet article explique quels sont les aspects à vérifier
pour que votre site respecte les règles de l’accessibilité numérique. 

Nous avons aussi préparé une check-list à télécharger pour ne rien oublier.

Cette check-list est une liste de vérification.

Vous pouvez l’utiliser pour vérifier
que votre site et vos documents sont accessibles.

Elle est à utiliser en complément de cet article.

Pour la télécharger, remplissez ce formulaire :

Prénom

Adresse de courrier électronique

Laissez ce champ vide si vous êtes humain :

Comment rendre votre site accessible ? 

1. Essayez toujours d’en savoir le plus possible
   sur les personnes qui utiliseront vos informations.
   
   
2. Choisissez le meilleur moyen pour présenter vos informations.
   Par exemple, pour certaines personnes, des informations en vidéos
   peuvent être plus faciles que des informations écrites.
   
   
3. Ne pensez pas que les gens
   connaissent tous le sujet aussi bien que vous.
   
   
4. Demandez toujours à des personnes avec un handicap
   de tester votre site Internet.
   
   
5. Vérifiez les aspects visuels, linguistiques, informatifs et structurels.

L’aspect visuel

Pour garantir une bonne accessibilité numérique,
faites attention à l’aspect visuel.

L’aspect visuel concerne tout ce qui se voit sur votre site. 

La police

La police est l’écriture que vous utilisez.

Choisissez une police qui est facile à lire.

1. Utilisez des polices sans empattements.
   Les empattements sont des petites pattes aux extrémités des lettres.
   Ils peuvent rendre la lecture difficile.
   
   Par exemple :
   Utilisez Arial ou Verdana, qui sont faciles à lire.
   N’utilisez pas Charter ou Times New Roman, qui sont sont difficiles à lire.
   
   Vous ne devez jamais utiliser une écriture trop rapprochée,
   Vous ne devez jamais utiliser une écriture trop claire.
   Vous ne devez jamais utiliser une forme d’écriture particulière.
   Les textes avec une ombre ou un contour ne sont pas faciles à lire.
   
   
2. N’utilisez pas l’italique et n’écrivez pas en CAPITALES.
   Les minuscules normales sont plus faciles à lire.
   N’utilisez pas de polices fantaisie.
   
   
3. Ne soulignez pas les mots, sauf les liens.
   
   
4. Utilisez une police standard d’assez grande taille.
   Vous devez utiliser une écriture au moins aussi large que la taille 14.
   
   
5. Donnez aux utilisateurs la possibilité de régler eux-mêmes
   la grandeur du texte.
   
   
6. Essayez de n’utiliser qu’un seul type de police dans votre texte.
   
   

L’alignement

Alignez vos textes à gauche et gardez des mises en page homogènes.

Cela veut dire que vous devez placer le texte à gauche de la feuille.

Ne justifiez jamais votre texte.

Justifier un texte veut dire qu’on aligne le texte à gauche et à droite.

Un texte justifié a de grands écarts entre les mots et est plus difficile à lire.

Par exemple :

Ce texte est aligné à gauche.

Il est facile à lire car les mots sont tous espacés de la même manière.

La mise en évidence

Rendez les éléments importants particulièrement visibles.

Mettez les informations essentielles en évidence.

Par exemple :

Dans ce document :

• les informations importantes sont en gras ;
• les exemples en vert ;
• la définition au début de l’article en mise en évidence.

Les couleurs

1. Utilisez de bons contrastes de couleurs.
   Privilégiez les caractères foncés sur fond clair.
   Cela permet une bonne lisibilité et une bonne qualité d’impression.
   N’utilisez pas des contrastes de couleurs faibles.
   
   Par exemple :
   Il est déconseillé d’utiliser des caractères verts sur fond jaune.
   Le mieux est d’écrire en noir sur blanc.
   
   
2. Permettez les changements de contrastes entre arrières-plans et textes.
   
   
3. Utilisez une combinaison de couleurs, de formes et de textes.
   N’utilisez pas que la couleur pour transmettre l’information.
   Par exemple, les erreurs peuvent être signalées avec un texte
   et une couleur rouge.
   
   
4. Utilisez des couleurs simples.
   N’utilisez pas trop de couleurs trop vives.  

Les tableaux

N’écrivez pas dans des colonnes.

L’énumération

Utilisez des listes à puces.

Par exemple :

N’écrivez pas :

« Veuillez nous remettre le formulaire complété, une photocopie de votre carte d’assurance maladie ou de votre passeport ainsi qu’une confirmation de paiement. »

Écrivez :

« Veuillez nous remettre les documents suivants:

• formulaire complété ;
• photocopie de votre carte d’assurance maladie ou de votre passeport ;
• confirmation de paiement. »

L’espacement et les marges

1. Présentez le contenu de façon aérée.
   Découpez le texte en paragraphes courts.
   Ne dépassez pas 6 lignes par paragraphe.
   Laissez des espaces entre les paragraphes.
   
   
2. La première ligne d’un paragraphe devrait être alignée
   avec le reste du texte.
   On dit que le texte ne devrait pas être « en retrait ».
   
   
3. Essayez d’éviter les marges étroites.
   Les marges sont les espaces entre les mots et les bords de la page.
   Quand c’est possible, laissez de grandes marges
   afin que votre page n’ait pas l’air trop étroite.

Les titres

1. Mettez les titres en gras.
   
   
2. Insérez un espace avant et après les titres et intertitres.
   
   
3. Placez les titres à gauche.
   
   
4. Utilisez une police plus grosse que le reste du texte.

L’affichage du site web

1. Créez un site web adaptable à l’utilisateur.
   Les gens doivent avoir la possibilité de personnaliser l’affichage.
   
   
2. Concevez votre site pour les utilisateurs
   qui naviguent au clavier ou à la voix seulement.
   Ne réalisez pas de contenus dynamiques
   qui demandent de nombreuses interactions.
   Ne forcez pas l’utilisation de la souris ou de l’écran.
   
   
3. Vérifiez qu’il ne faudra pas faire défiler la page de gauche à droite
   pour lire le texte.
   
   
4. Essayez d’ajouter des éléments sur votre site web
   qui rendent l’information plus facile à comprendre.
   Vous pourriez par exemple utiliser un lecteur d’écran.
   Un lecteur d’écran lit à voix haute les mots affichés sur l’écran.
   
   
5. Sur les sites Internet,
   des nouvelles pages peuvent parfois s’afficher toutes seules.
   C’est ce qu’on appelle les fenêtres « pop-up » ou « surgissantes ».
   Il faudrait éviter les fenêtres « pop-up » sur les sites Internet
   si vous voulez qu’ils soient faciles à lire et à comprendre.
   
   
6. Limitez la taille de vos images à 100Ko.
   Ko signifie Kilo-octet.
   C’est une unité de mesure pour les images et les programmes.
   Si elles sont plus grosses,
   elles vont mettre du temps à s’afficher sur le site.
   
   
7. Si votre site Internet est disponible dans différentes langues,
   utilisez le drapeau des pays
   pour que les gens puissent facilement reconnaître leur langue.

Le responsive design

Le responsive design est l’optimisation
de votre site Internet
pour les tablettes et les téléphones mobiles.

Faites en sorte que votre site s’affiche correctement
sur les téléphones portables et autres écrans tactiles.

De nombreuses personnes avec un handicap intellectuel
utilisent avec plus de facilité des ordinateurs à écran tactile
que des ordinateurs classiques avec souris et clavier.

La mise en page

1. Utilisez une mise en page linéaire et logique.
   Séparez visuellement les différents contenus d’une page.
   Ne mettez pas trop d’informations au même endroit.
   Ne faites pas de mises en pages ou complexes.
   
   
2. Utilisez un fond uni.
   N’utilisez pas un motif ou une image pour fond.
   Évitez de placer les textes sur des motifs ou des images.
   Ce serait compliqué de lire.
   
   
3. Évitez les éléments perturbants et les distractions.
   Allez à l’essentiel et évitez les éléments non indispensables.
   Évitez en particulier les éléments clignotants ou en mouvement.
   
   
4. Ne placez pas trop d’éléments par écran.
   Placez les éléments importants en bonne position.
   Lorsque c’est possible,
   essayez de faire tenir tout le texte sur l’écran
   pour que les gens n’aient pas à le faire défiler.
   Si les gens doivent faire défiler l’écran,
   vous pouvez placer un sommaire en haut de la page.
   Un sommaire est une liste des parties principales de votre texte.

L’aspect linguistique

Pour rendre vos textes compréhensibles par tous,
utilisez le langage FALC.
FALC signifie Facile À Lire et à Comprendre.

Les mots

1. Choisissez des mots courts.
   Préférez des mots de 1 à 2 syllabes.
   
   
2. Écrivez en français courant.
   
   Par exemple :
   N’écrivez pas : « Avez-vous besoin d’une aide visuelle ? »
   Écrivez : «Vous portez des lunettes ou des lentilles ? ».
   
   
3. Utilisez des mots qui n’ont qu’un seul sens.
   N’utilisez pas des mots qui ont plusieurs sens
   ou des mots ambigus,
   qui peuvent être interprétés de la mauvaise manière.
   
   
4. Désignez toujours le même objet par le même mot.
   
   
5. Limitez l’utilisation des sigles et des acronymes.
   
   Par exemple :
   Si vous écrivez « UE »,
   expliquez que cela signifie « l’Union Européenne ».
   
   
6. N’utilisez pas d’abréviations ou expliquez-en la signification.
   
   Par exemple :
   N’écrivez pas : « p. ex. ».
   Écrivez plutôt : « par exemple ».
   
   
7. Évitez le vocabulaire spécialisé
   et les mots en langue étrangère.
   S’ils sont incontournables, expliquez-les.
   
   
8. Faites attention à l’utilisation des pronoms.
   Les pronoms sont des mots comme « je », « lui » ou « il ».
   Ce sont des mots que vous utilisez à la place du nom d’une personne
   ou d’une chose dont vous avez déjà parlé.
   Il faut que ça soit bien clair que le pronom remplace cette personne
   ou cette chose.
   Si ce n’est pas clair,
   utilisez le nom de la personne ou de la chose en entier.
   
   
9. Évitez le mode subjonctif.
   L’incertitude ou le souhait qu’il exprime prête à confusion.
   À éviter autant que possible.
   
   Par exemple :
   N’écrivez pas :
   « Il est probable que cela puisse arriver ».
   Écrivez plutôt :
   « Il y a beaucoup de chance pour que cela arrive ».
   
   
10. Essayez d’éviter les caractères spéciaux, comme \, &, <, § ou #.
    
    
11. Écrivez toujours le « pas » de négation après le « ne ».
    
    Par exemple :
    N’écrivez pas : « Nous ne pouvons accepter votre demande ».
    Écrivez : « Nous ne pouvons pas accepter votre demande ».
    
    
12. Évitez les notes de bas de page.
    Une note de bas de page,
    c’est lorsque vous expliquez quelque chose
    au bas de la page plutôt que de l’expliquer dans le texte.

Les phrases

1. Écrivez des phrases courtes.
   
   Par exemple :
   N’écrivez pas :
   « Afin de faciliter vos débuts et votre intégration dans votre nouvel environnement, nous sommes à vos côtés et vous proposons une large gamme d’information et de cours ainsi que des conseils personnalisés. »
   
   Écrivez :
   « Nous voulons faciliter vos débuts dans votre nouvel environnement.
   Nous vous proposons des informations, des cours.
   Nous vous conseillons aussi personnellement. »
   
   Pour simplifier vos phrases, utilisez un outil comme Hemingway App.
   Ce lien s’ouvrira dans une nouvelle fenêtre.
   
   
2. Écrivez des phrases actives.
   
   Par exemple :
   N’écrivez pas : « Vous recevrez une lettre envoyée par le médecin. »
   Écrivez : « Le médecin vous enverra une lettre. »
   
   
3. Écrivez les phrases affirmatives.
   Évitez les négations.
   
   Par exemple :
   N’écrivez pas : « Vous ne devriez pas partir avant la fin de la réunion ».
   Écrivez : « Vous devriez rester jusqu’à la fin de la réunion. »
   
   
4. Mettez les mots d’une phrase sur la même ligne et la même page.
   Si vous ne pouvez pas,
   essayez de diviser la phrase après les mots comme « et » ou « mais ».
   Ces mots indiquent une pause naturelle.
   
   
5. Commencez toujours une nouvelle phrase sur une nouvelle ligne.
   
   
6. Ne séparez jamais 1 mot sur 2 lignes.
   N’utilisez pas de tiret (-) pour séparer un mot sur 2 lignes.
   
   
7. Écrivez des phrases simples.
   Ne créez pas de textes très longs.
   
   Par exemple :
   N’écrivez pas :
   « Votre guide aura grand plaisir à vous présenter de manière professionnelle quelques centres d’intérêt touristiques de la ville. »
   Écrivez :
   « Votre guide vous présentera quelques curiosités de la ville. »
   
   
8. Utilisez des verbes.
   
   Par exemple :
   N’écrivez pas : « Demain, c’est l’élection du conseil. »
   Écrivez : « Nous élisons le conseil demain. »
   
   N’écrivez pas : « Toute personne étrangère est soumise à l’obligation de déclarer son arrivée. »
   Écrivez : « Toute personne étrangère doit déclarer son arrivée. »

La ponctuation

Employez une ponctuation simple.
Évitez l’emploi des parenthèses, de l’astérisque, du tiret, et des points de suspension.

Par exemple :
N’écrivez pas :
« Hier, j’ai acheté un vélo vert/jaune (un nouveau vélo !) pour mon fils ; il s’appelle Michael ».

Écrivez plutôt :
« Mon fils s’appelle Michael.
Hier, je lui ai acheté un nouveau vélo.
Le nouveau vélo est vert et jaune ».

Le style et le ton

1. Évitez le style impersonnel.
   Adressez-vous aux lecteurs en une forme directe et personnelle.
   
   Par exemple :
   N’écrivez pas : «Les usagers du service ont le droit de…».
   Écrivez : «Vous avez le droit de…».
   
   
2. Évitez le ton autoritaire, menaçant ou accusateur.
   
   
3. Utilisez un langage adulte lorsque vous écrivez pour des adultes.
   
   
4. Évitez les métaphores.
   N’utilisez pas de figures de style et d’expressions imagées.
   
   Par exemple :
   N’écrivez pas : « Le pique-nique est annulé, car il pleut des cordes. »
   Écrivez : « Puisqu’il pleut très fort, le pique-nique est annulé. »

Les chiffres et les nombres

1. Écrivez les nombres en chiffres.
   
   Par exemple :
   N’écrivez pas : « dix semaines ».
   Écrivez : « 10 semaines ».
   
   
2. Essayez de ne pas utiliser de pourcentages ni de grands nombres.
   Utilisez à la place des mots comme « peu de »,
   « beaucoup de » pour expliquer ce que vous voulez dire.
   
   
3. Situez l’événement dans le temps avec des expressions temporelles.
   
   Par exemple :
   N’écrivez pas : « en 1785 ».
   Écrivez : « il y a longtemps »
   
   
4. Sinon, écrivez la date en toutes lettres.
   
   Par exemple :
   N’écrivez pas : « 13/10/2008 » ni «13 octobre. »
   Écrivez : « Mardi 13 octobre 2008. »

L’aspect informatif

La sélection de l’information

1. Présentez des informations complètes,
   pertinentes, exactes et utiles.
   Allez à l’essentiel.
   Donnez aux gens toutes les informations dont ils ont besoin.
   Il faut que ça soit clair et qu’on sache rapidement
   pour qui vous écrivez et quel est le sujet dont vous parlez.
   Ne donnez que les informations nécessaires
   pour que les personnes comprennent votre message.
   Éliminez les mots inutiles.
   
   Par exemple :
   N’écrivez pas : « Nous ne manquerons pas de vous tenir informé de la réponse qui sera donnée à votre demande ».
   Écrivez : « Nous vous informerons de la réponse ».
   
   
2. Adaptez l’information au public cible.
   
   
3. Publiez toutes les informations dans la page web.
   Centralisez l’information au même endroit.

L’explication de l’information

1. Illustrez le propos avec des exemples.
   Évitez les concepts abstraits.
   Si vous devez faire mention de concepts abstraits,
   clarifiez par des exemples concrets ou des comparaisons.
   
   
2. Le contenu peut être répété si besoin.
   Ne forcez pas les gens à mémoriser l’information.
   Faites plutôt des rappels.
   
   
3. Expliquez les mots difficiles.
   Évitez le jargon.
   Si les termes techniques sont indispensables,
   expliquez-les.
   
   Par exemple :
   N’écrivez pas : « Franchise ».
   Écrivez plutôt : « Franchise (participation aux frais de santé) ».

Les liens

Il est souvent possible de cliquer sur des mots
sur les sites Internet.
En cliquant sur ces mots,
vous obtenez plus d’informations.
Ces mots sur lesquels vous pouvez cliquer
sont appelés des « liens »
car ils font le lien vers plus d’informations.

1. Rendez vos liens explicites.
   
   Par exemple :
   N’écrivez pas : « Cliquez ici ».
   Écrivez « En savoir plus sur l’art thérapie ». 
   
   
2. Soulignez les liens.
   Ne soulignez pas les titres ou des mots qui ne sont pas des liens.
   Les personnes essayeront de cliquer dessus pour obtenir plus d’informations.
   
   
3. Évitez de mettre des liens difficiles à lire.
   
   Par exemple :
   N’écrivez pas : https://www.creativehandicap.org/_files/ugd/cb5a6b_64adda829e8f448b88528683a0fe00d4.pdf
   Écrivez : « Rapport d’activités 2022 »
   
   Les deux liens dirigent vers le même document,
   mais le 2ème lien est plus facile à lire.
   
   
4. Utilisez un code couleur pour les liens.
   
   Par exemple :
   Le lien est bleu si vous n’avez pas encore cliqué dessus.
   Le lien est violet si vous avez déjà cliqué dessus.
   
   
5. Évitez de placer un lien vers une autre page derrière une image.
   Il vaut mieux que le lien avec de nouvelles informations
   soit fait seulement avec des mots.
   Ce n’est pas évident de devoir cliquer sur des images
   ou des photographies pour trouver de nouvelles informations.
   
   
6. Certains liens renvoient vers d’autres sites.
   Ils s’ouvrent parfois dans une nouvelle fenêtre ou une autre application.
   Si c’est le cas, prévenez l’utilisateur.
   Vous pouvez afficher un message qui dit :
   « Ce lien s’ouvrira dans une nouvelle fenêtre ».

Les éléments interactifs

Les éléments interactifs peuvent être :
– les formulaires ;
– les boutons d’action ;
– les moteurs de recherche ;
– les annonces d’erreur.

Les formulaires

1. Assurez-vous que les formulaires en ligne fonctionnent
   avec tous les navigateurs.
   
   
2. Présentez et expliquez clairement l’objectif du formulaire.
   Le titre et l’introduction doivent expliquer les informations essentielles
   qui permettent au lecteur de savoir s’il est concerné.
   
   
3. Guidez les utilisateurs pas à pas dans le formulaire.
   
   
4. Prévoyez des versions alternatives selon les besoins des lecteurs.
   
   
5. Simplifiez les formulaires.
   Ne demandez que l’information essentielle et utile.
   Ne fatiguez pas les utilisateurs avec de nombreuses demandes.
   
   
6. Limitez à 5 le nombre de réponses possibles par question.
   
   
7. Utilisez un langage simple pour les questions et les réponses.
   Si nécessaire, utilisez des exemples concrets.
   
   
8. Regroupez les questions liées par thèmes.
   
   
9. Associez visuellement l’étiquette au champ concerné.
   L’étiquette, c’est par exemple le « Nom » ou l’« Adresse email ».
   
   
10. Les boutons des formulaires doivent êtres clairs.
    
    Par exemple :
    N’écrivez pas : « OK ».
    Écrivez : « Je m’abonne à la newsletter ».
    
    
11. Laissez de l’espace entre les champs de formulaires.
    
    
12. Ne mélangez pas les interactions.
    
    
13. Indiquez clairement les champs obligatoires.
    Précisez les formats de réponses.
    
    
14. Fournissez des raccourcis.
    Par exemple, proposez de trouver l’adresse à partir du code postal.
    
    
15. Prévoyez une réponse de type « ne sait pas » ou « autre ».
    
    
16. Confirmez immédiatement les entrées correctes.
    
    
17. Signalez immédiatement aux utilisateurs si une entrée est fausse.
    
    
18. Permettez aux utilisateurs de corriger simplement leurs erreurs.
    
    
19. Pensez à inclure des barres de progression dans le formulaire
    pour que les internautes sachent où ils en sont rendus.
    
    
20. Laissez suffisamment de temps aux utilisateurs.
    Donnez la possibilité de remplir le formulaire en plusieurs fois
    grâce à des sauvegardes.
    N’imposez pas des temps limités.
    
    
21. Insérez une étape de confirmation d’envoi
    ou de réception du formulaire rempli.
    
    
22. Envoyez un message ou un courriel pour remercier le participant
    ou pour lui rappeler qu’il reste des questions à remplir.

Les boutons d’action

Faites des boutons descriptifs.

Ne mettez pas en place des boutons qui ne précisent pas l’action effectuée.

Par exemple :

Créez un bouton où il est écrit : « Envoyer un message ».

Ne créez pas de bouton où il est écrit : « Cliquez ici ».

Le moteur de recherche

Concevez un moteur de recherche interne à votre site qui peut :

• proposer des termes de recherche alternatifs ;
• tolérer les fautes ; 
• proposer des mots ressemblants dans la recherche.

Ne vous attendez pas à une orthographe parfaite.
Proposez plutôt de l’autocorrection ou des suggestions.

Les Captchas

Un Captcha est un test.
Il permet de différencier de manière automatisée
un humain d’un ordinateur.

N’utilisez pas de Captchas demandant d’entrer une suite de signes déformés.

Ces énigmes visuelles sont difficiles à résoudre
pour les personnes avec difficultés cognitives ou ayant des difficultés à lire.

Les personnes malvoyantes ne peuvent pas les résoudre.

Les images

1. Utilisez des images qui transmettent un seul message.
   
   
2. Illustrez avec des images claires, précises, pertinentes et efficaces.
   
   
3. Utilisez des images pour illustrer vos textes.
   Elles doivent correspondre à la partie du texte qu’elles expliquent.
   Vérifiez que les images sont claires
   et qu’il n’y ait pas trop de choses à regarder.
   
   
4. Employez des images adaptées au public cible.
   
   
5. Utilisez des photos pour les événements de la vie quotidienne.
   
   
6. Utilisez des illustrations pour les sujets sensibles.
   
   
7. Insérez des images positives.
   
   
8. S’il y a une séquence, numérotez les images.
   Par exemple, si vous expliquez comment utiliser un objet.
   
   
9. Ajoutez une légende aux images.
   La photo seule n’est pas suffisante pour transmettre une information.
   
   
10. Utilisez des flèche ou des cercles pour pointer l’endroit important.
    
    
11. N’utilisez pas trop d’images.
    Il vaut mieux quelques grandes images que de nombreuses petites photos.
    
    
12. Évitez d’utiliser les images pour décorer votre document.
    Elles ont une fonction informative.
    Elles transmettent un message et éclaircissent un concept difficile.
    
    
13. Décrivez les images.
    Ajoutez une description avec l’attribut « Alt ».
    L’attribut alt est l’alternative textuelle.
    C’est un texte qui décrit une image pour les personnes aveugles.
    
    
14. Veillez à la cohérence entre toutes les images.

Les éléments graphiques

Les éléments graphiques sont les pictogrammes,
les symboles, les illustrations,
les graphiques et les tableaux.

1. Utilisez les symboles connus par le public cible.
   Les pictogrammes et symboles utilisés doivent être facilement reconnus.
   Par exemple, une maison représente la page d’accueil.
   
   
2. Faites des graphiques et des tableaux simples.
   Expliquez-les bien.
   Les graphiques et les tableaux peuvent être très difficiles à comprendre.
   Mais ils peuvent parfois expliquer les choses bien mieux qu’un texte.

Les animations

1. Vous pouvez utiliser quelques animations.
   Bien faites, elles aident à faire les liens entre les éléments à l’écran.
   
   
2. Utilisez peu d’animations.
   Lorsque plusieurs animations se trouvent sur un même espace,
   elles se concurrencent.
   Et cela peut troubler l’attention des utilisateurs et utilisatrices.
   
   
3. N’utilisez pas d’effet clignotant et en mouvement.
   Ces éléments peuvent prêter à confusion et déconcentrer les utilisateurs.
   Ils peuvent aussi provoquer des crises d’épilepsie.

Les vidéos et éléments audio

Utilisez le plus possible ces moyens de communication.

Les vidéos sont un moyen particulièrement adéquat
pour livrer des informations à des personnes qui ont de la difficulté à lire.

Les réglages

Faites en sorte que les utilisateurs aient toujours le contrôle.

La barre de contrôle permet de régler le volume et de faire pause.

La barre de contrôle doit être toujours accessible,
bien visible et facile à utiliser.

Le format des vidéos

1. Vos vidéos doivent être simples.
   
   
2. Les vidéos devraient être assez courtes.
   Pas plus de 20 ou 30 minutes.
   Si vous avez beaucoup d’informations,
   vous devriez penser à faire 2 films différents.
   
   
3. Produisez des contenus dans différents formats.
   Par exemple, audio, vidéo et texte. 
   
   
4. Proposez un format de vidéo
   qui puisse être lu par différents lecteurs multimédias.

L’audio de la vidéo

1. Assurez-vous que la personne parle lentement et articule bien.
   
   
2. Assurez-vous que la personne qui parle a une bonne prononciation.
   
   
3. Assurez-vous que la personne parle avec une voix claire,
   c’est-à-dire ni trop grave, ni trop aigüe.
   
   
4. Laissez des pauses aux moments importants.
   De cette façon les personnes pourront comprendre la première partie
   avant que la seconde information leur soit donnée.
   
   
5. Assurez-vous que le son a un bon volume sonore :
   ni trop faible, ni trop fort.
   
   
6. Assurez-vous que le son est bon, sans interférence ni bruit de fond.

Les images de la vidéo

1. Évitez les choses qui portent à confusion,
   comme les ralentis ou les accélérés.
   
   
2. Prévoyez des fonds neutres qui permettent de se concentrer.
   
   
3. Utilisez des aides visuelles pour focaliser l’attention au besoin.
   
   
4. Veillez au contraste entre l’image de fond,
   les sous-titres et la personne qui traduit en langue des signes.

Les sous-titres

Utilisez des sous-titres.

Les sous-titres devraient être faciles à lire, même sur un petit écran.

Les sous-titres devraient se trouver au même endroit sur l’écran
du début à la fin de la vidéo.

Si c’est possible, c’est mieux de les mettre au bas de l’écran.

Les sous-titres devraient rester à l’écran le plus longtemps possible.

La transcription

Fournissez une transcription pour les vidéos.

C’est un document où tout ce qui est dit dans la vidéo est noté.

N’affichez pas l’information uniquement dans la vidéo.

L’audio description

Prévoyez une audio-description.

Une audio-description est une voix qui explique ce qu’il se passe dans le film.

Cela veut dire que les aveugles peuvent comprendre ce qu’il se passe.

De cette manière, la vidéo est aussi accessible pour les aveugles.

Enfin, certaines personnes aveugles ont aussi un handicap intellectuel,
l’audio-description doit donc utiliser des mots faciles à comprendre.

Pour les personnes qui voient bien, cette audio-description peut gêner.

Il devrait donc être possible pour la personne qui regarde la vidéo
de supprimer l’audio-description à tout moment.

Il devrait y avoir des instructions claires sur comment arrêter l’audio-description.

Les synthèses vocales

La synthèse vocale est une technique
qui qui lit à haute voix
les textes se trouvant sur votre site.

1. Rendez cette fonction bien visible et facile d’utilisation.
   
   
2. Choisissez un rythme de lecture modéré.
   
   
3. Faites en sorte que les abréviations
   et les mots en langue étrangère
   soient prononcés correctement.
   
   
4. Faites en sorte que les boutons,
   comme les boutons de formulaires,
   soient aussi lus par la voix de synthèse.
   
   
5. Assurez un rendu (voix, prononciation) de qualité.

La protection des informations privées

1. Protégez vos utilisateurs.
   Ils ne doivent pas pouvoir donner des informations privées par erreur.
   Si vous offrez un forum de discussion ou tout autre média social,
   réglez par défaut les paramètres de la protection des informations privées
   de la manière la plus stricte possible.
   
   
2. Donnez aux personnes la possibilité de régler
   par eux-mêmes les paramètres pour leur sphère privée.
   Placez ces moyens de réglage de façon bien visible.
   Rendez-les faciles d’utilisation.
   
   
3. Indiquez clairement ce qui est de l’ordre public et ce qui est privé.
   Les personnes doivent comprendre
   si l’information qu’ils donnent sera publique ou pas.
   Par exemple, lorsque vous demandez l’adresse e-mail,
   celle-ci sera-t-elle publique
   ou seulement utilisée pour l’administration du compte ?

L’aspect structurel

L’aspect structurel est l’organisation des informations. 

La page d’accueil

1. Votre page d’accueil doit indiquer clairement le sujet du site Internet.
   
   
2. Indiquez sur votre page d’accueil :
   • un numéro de téléphone,
   • une adresse postale
   • une adresse électronique de contact.
   
   
3. Écrivez les adresses telles qu’elles doivent apparaître sur l’enveloppe.
   
   
4. Laissez les gens choisir leur moyen de communication préféré.
   N’imposez pas le téléphone comme seul moyen de contact.

La navigation et l’orientation

Lorsque vous passez d’une page à une autre
sur un site Internet,
on appelle cela la navigation.

1. Créez une navigation simple et compréhensible en un regard.
   Pour cela, il faut que l’arborescence de votre site soit simple.
   L’arborescence du site est l’organisation hiérarchique des informations.
   Sa représentation rappelle un arbre et ses branches.
   Les gens ne doivent pas faire plus de 3 clics, si possible,
   pour accéder à l’information recherchée.
   
   
2. Séparez clairement l’espace de navigation de celui du contenu.
   Donnez de la place à la navigation.
   Veillez à utiliser une police assez grande.
   Laissez assez d’espace entre les points de navigation.
   
   
3. Limitez le nombre de boutons de navigation.
   La navigation ne devrait pas compter plus de 5 choix possibles par niveau.
   
   
4. Ajoutez un bouton permettant de revenir en arrière
   et un lien menant à la page d’accueil.
   Les gens peuvent cliquer sur ces boutons pour :
   • aller sur la page suivante ;
   • retourner à la page précédente ;
   • retourner à la page d’accueil.
   Veillez à ce que ces fonctions se trouvent sur toutes les pages et toujours au même endroit. 
   
   
5. Facilitez la navigation au sein d’une même page.
   Offrez des aides pour faire défiler les pages.
   Par exemple à l’aide de flèches menant vers le haut ou vers le bas.
   Assurez que ces aides soient toujours visibles.
   
   
6. Donnez aux utilisateurs la possibilité de se situer sur le site.
   Un fil d’Ariane permet d’indiquer le chemin menant à la page actuelle.
   
   
7. Structurez simplement le pied de page.
   Le pied de page est la partie en bas du site.

Les menus de navigation 

Un menu de navigation est une barre
où apparaissent les rubriques du site Internet.

Voici le menu de navigation du site de Créative Handicap : 

1. Les gens doivent toujours pouvoir voir facilement
   dans quelle partie du site Internet ils se trouvent.
   Le menu de navigation doit indiquer cela clairement.
   
   
2. Utilisez toujours le même menu de navigation
   au même endroit dans tout le site Internet.
   Les gens peuvent de cette manière apprendre à bien connaître
   les différentes parties qu’ils peuvent trouver sur le site Internet.
   
   
3. Votre principal menu de navigation ne devrait pas avoir plus de 7 ou 8 rubriques.
   Sur le site de Créative Handicap, il y en a 4 :
   – Notre Association
   – Nos activités
   – Notre formation 
   – Nos actualités
   
   
4. Vérifiez que les rubriques du menu de navigation
   sont claires et faciles à comprendre.
   
   
5. Les sites Internet ont parfois une deuxième barre de navigation.
   Cette deuxième barre n’a pas de titres concernant le contenu.
   Elle a des titres comme « Plan du site », « A propos de » ou « Contact ».
   Si vous choisissez d’avoir une deuxième barre de navigation,
   vérifiez qu’elle ne se présente pas comme la première.
   
   
6. Sur ordinateur, proposez un menu horizontal plutôt que vertical.
   Placez les rubriques les plus importantes
   sur la gauche de la barre de menu.
   
   
7. Réalisez de larges boutons cliquables.
   

La structure de l’information

1. Veillez à ce qu’une seule thématique soit traitée par page.
   Faites autant que possible en sorte que tout le contenu
   soit visible sur l’écran.
   
   
2. Présentez une idée par phrase.
   Ne traitez qu’une idée principale par phrase.
   Évitez d’introduire plus d’une idée ou d’un sujet par phrase.
   
   
3. Présentez les idées dans un ordre facile à comprendre :
   – chronologiquement ;
   – du général au particulier ;
   – du plus important au moins important ;
   – du connu au moins connu.

Les titres

1. Segmentez le contenu avec des titres et des sous-titres.
   Les textes longs, sans titres ni intertitres, sont difficiles à lire.
   Ne forcez pas les utilisateurs à lire des textes très longs.
   
   
2. Utilisez des titres explicites.
   Insérez des titres et des intertitres clairs et faciles à comprendre.
   Les titres doivent vous expliquer ce qui va suivre juste après.

Les autres aides à l’organisation

1. Insérez une table des matières ou un sommaire.
   
   
2. Numérotez les pages.
   Écrivez « page 2 sur 4 ».
   Cela aidera les personnes à savoir si elles ont toutes les pages.

Les fonctions d’aide en ligne

1. Expliquez les fonctionnalités du site par une aide facile d’utilisation.
   Le mieux est que les fonctionnalités proposent directement cette aide.
   
   
2. Proposez des assistances qui s’adaptent à la situation.
   Faites en sorte que ces aides soient à disposition au moment de l’action.
   Elle doivent donner des indications faciles à comprendre.
   C’est important pour les messages d’erreur.
   
   
3. Fournissez une assistance pour le contenu de chaque page.
   Mettez si possible un lien direct menant à l’explication.

Conclusion

Maintenant vous savez comment rendre votre site accessible.

Peut-être que ces étapes peuvent vous sembler longues à mettre en place.
Mais elles sont essentielles ! 

Comme vous avez pu le constater,
les règles d’accessibilité sont souvent des règles de bon sens.
Elles sont aussi très importantes pour le référencement de votre site web ! 

Le référencement est la position à laquelle se place votre site web
dans les résultats de recherche sur les moteurs de recherche comme Google.

Vous voulez rendre votre site et vos documents accessibles ?

Nous proposons des formations sur l’accessibilité et l’accessibilité web.

Pour en savoir plus

Retrouvez d’autres informations sur l’accessibilité numérique sur :

• le site du Ministère de l’Economie ;
• le site des Aveugles de France ;
• Ressources FALC ; 
• Guide du Gouvernement pour simplifier les documents administratifs ;
• Guide du Ministère de la Transformation et de la Fonction Publique pour vaincre la phobie administrative grâce aux sciences comportementales ;
• Guide pour une information accessible de Santé Publique France ;
• Règles européennes pour une information facile à lire et à comprendre ;
• Guide du Savoir-Simplifier ;
• Recommandations de la Croix-Rouge Suisse concernant la langue aisément compréhensible ;
• Guide du Facile à Surfer ;
• Guide de rédaction pour une information accessible ;
• Guide de Home Office pour concevoir pour l’accessibilité
• Des dictionnaires en FALC.