Si vous teniez une boutique en ville, vous voudriez qu\u2019elle puisse accueillir tous types de clients, n\u2019est-ce pas ? Votre enseigne serait grande et facile \u00e0 lire, et l\u2019entr\u00e9e serait suffisamment large pour accueillir des poussettes, des chariots et des fauteuils roulants.<\/p>\n\n\n\n
Mais avez-vous d\u00e9j\u00e0 envisag\u00e9 votre site web sous cet angle ?<\/p>\n\n\n\n
Dans ce billet, nous couvrirons quelques astuces pour am\u00e9liorer l\u2019accessibilit\u00e9 de votre site, afin que tous les visiteurs puissent le consulter facilement<\/strong>, y compris les personnes en situation de handicap.<\/p>\n\n\n\n L\u2019accessibilit\u00e9 du web<\/strong> (parfois appel\u00e9e \u00ab accessibilit\u00e9 web \u00bb) est la pratique consistant \u00e0 concevoir le design d\u2019un site afin qu\u2019il puisse \u00eatre utilis\u00e9 facilement par les personnes souffrant d\u2019un handicap, que leurs difficult\u00e9s concernent la vue, l\u2019ou\u00efe, l\u2019utilisation d\u2019une souris, la lecture et la compr\u00e9hension de textes ou les capacit\u00e9s motrices<\/strong>.<\/p>\n\n\n\n Il s\u2019agit \u00e9galement de faciliter la navigation pour tous les visiteurs, notamment les personnes \u00e2g\u00e9es, celles qui peinent \u00e0 lire sur des \u00e9crans ou celles dont l\u2019exp\u00e9rience du site est restreinte par leur situation actuelle (par exemple, si elles se trouvent dans un bureau en open space et ne peuvent pas \u00e9couter de contenu audio).<\/p>\n\n\n\n Pour la plupart des utilisateurs, il est difficile de concevoir quels obstacles pourraient rendre la navigation impossible pour d\u2019autres<\/strong>. M\u00eame si elle n\u2019est pas exhaustive, la liste ci-dessous rassemble les obstacles les plus courants :<\/p>\n\n\n\n Vous trouverez sur Internet des manuels et des checklists pour vous aider \u00e0 am\u00e9liorer l\u2019accessibilit\u00e9 de votre site web. D\u2019une fa\u00e7on g\u00e9n\u00e9rale, faire preuve d\u2019un peu d\u2019empathie et de vigilance<\/strong> lorsque vous cr\u00e9ez le design de votre site est un bon point de d\u00e9part. Voici quelques suggestions :<\/p>\n\n\n\n Si vos visiteurs ont recours \u00e0 un lecteur d\u2019\u00e9cran ou un autre outil de navigation, ils ne pourront pas acc\u00e9der aux informations de votre site contenues dans des infographies, tableaux ou vid\u00e9os. Assurez-vous d\u2019ajouter un transcript ou des l\u00e9gendes<\/strong> aux \u00e9l\u00e9ments susceptibles de poser probl\u00e8me.<\/p>\n\n\n\n Le texte alternatif est une br\u00e8ve description d\u2019une image. Il va s\u2019int\u00e9grer au code HTML du site pour que les lecteurs d\u2019\u00e9cran puissent y acc\u00e9der. Ainsi, un utilisateur qui ne peut pas voir votre image saura tout de m\u00eame ce qu\u2019elle repr\u00e9sente<\/strong>. (En bonus : le texte alternatif contribue \u00e0 am\u00e9liorer votre r\u00e9f\u00e9rencement SEO.) Voici comment ajouter du texte alternatif sur votre site Jimdo<\/a>.<\/p>\n\n\n\n Choisissez des couleurs suffisamment diff\u00e9rentes pour que le texte soit facile \u00e0 lire<\/strong>. La combinaison la plus simple et la plus efficace reste indubitablement une couleur sombre sur un fond clair. <\/p>\n\n\n\n Laissez de l\u2019espace autour des boutons : ils seront plus faciles \u00e0 cliquer et \u00e0 lire. \u00c9vitez \u00e9galement de placer deux boutons importants l\u2019un \u00e0 c\u00f4t\u00e9 de l\u2019autre,<\/strong> car vos visiteurs pourraient accidentellement cliquer sur le mauvais bouton (ce qui n\u2019est jamais agr\u00e9able). Vous ne savez pas forc\u00e9ment comment utiliser les boutons ? Dans un pr\u00e9c\u00e9dent billet, nous vous donnions quelques conseils pour cr\u00e9er des boutons d\u2019appel \u00e0 l\u2019action efficaces<\/a>.<\/p>\n\n\n\n Pr\u00e9f\u00e9rez les polices larges, avec ou sans s\u00e9rif<\/strong>, \u00e0 celles plus d\u00e9coratives qui peuvent \u00eatre difficiles \u00e0 lire. Pour tester si votre site est suffisamment lisible, montrez-le \u00e0 une personne de plus de 60 ans et demandez si elle peut le lire sans ses lunettes. Si elle y parvient, vous avez fait les bons choix ! Sinon, n\u2019h\u00e9sitez pas \u00e0 consulter nos autres conseils pour vous aider \u00e0 trouver les polices appropri\u00e9es<\/a>.<\/p>\n\n\n\n La bonne nouvelle, c\u2019est qu\u2019il vous suffit d\u2019apporter quelques petits changements \u00e0 votre site web pour le rendre plus accessible. En plus, en am\u00e9liorant l\u2019accessibilit\u00e9 de votre site pour les personnes en situation de handicap, vous faciliterez, par la m\u00eame occasion, la navigation de tous vos visiteurs<\/strong>. En somme, tout le monde sera gagnant !<\/p>\n\n\n\n
\n\n\n\nQu\u2019est-ce que l\u2019accessibilit\u00e9 du web ?<\/h2>\n\n\n\n
Accessibilit\u00e9 du web : les obstacles courants<\/h2>\n\n\n\n
Comment rendre mon site plus accessible ?<\/h2>\n\n\n\n
1. Offrez des alternatives aux \u00e9l\u00e9ments visuels et audio<\/h3>\n\n\n\n
2. Ajoutez du texte alternatif \u00e0 vos images<\/h3>\n\n\n\n
3. Ajustez les couleurs et les contrastes de votre site<\/h3>\n\n\n\n
4. Cr\u00e9ez des boutons clairs et assez grands<\/h3>\n\n\n\n
5. Choisissez des polices lisibles<\/h3>\n\n\n\n
Conclusion : un site web accessible b\u00e9n\u00e9ficie \u00e0 tous vos visiteurs<\/h2>\n\n\n\n
Cr\u00e9ez un site pour votre entreprise avec Jimdo<\/h3>\n<\/div>\n\n\n\n