10 astuces pour améliorer l’accessibilité de votre site Web

La production de services en ligne attractifs, accessibles et respectant les standards W3C et la WAI est aujourd’hui un enjeu stratégique pour votre entreprise.

Toutes les améliorations en matière de qualité, de conformité et d’accessibilité se traduisent à court terme par des bénéfices concrets :

  • « Write once, run anywhere » : le respect de standards permet une compatibilité ascendante sur l’ensemble des plates-formes (MAC, PC, Linux…) et des navigateurs (FireFox, IE, Safari…).
  • Le respect des standards participe également à la portabilité de votre site sur mobile : assistants personnels, téléphonie mobile, télévision, domotique…
  • Les standards favorisent la création de sites Web modernes et dynamiques avec des contenus clairement dissociés de la présentation graphique. Ainsi, il devient facile de modifier l’ensemble des éléments graphiques du site sans devoir intervenir sur toutes les pages de ce dernier.
  • Optimisation du référencement dans les moteurs de recherche.
  • Prise en compte des personnes handicapées : « accessibilité » et respect du cadre législatif.
  • Réduction drastique du code, lecture du code plus aisée, maintenance allégée.
  • Réduction de la bande passante, de l’infrastructure informatique.
  • Refonte future du site largement simplifiée, pérennité du site Web.
  • Contrôle plus précis de la mise en page, du positionnement et de la typographie.
  • L’utilisateur à la possibilité de modifier la mise en page pour l’adapter selon ses préférences de lecture.
  • Possibilité de proposer une version imprimable des pages sans développements spécifiques.
  • Contenu réutilisable facilement dans d’autres contextes (RSS, syndication…).

En d’autres termes, le respect des standards est plus économique, plus rentable, plus pérenne et est une garantie supplémentaire de satisfaction des usagers du site Web.

Il s’inscrit parfaitement dans une logique citoyenne et une logique de développement durable.

Voici donc 10 astuces pour améliorer l’accessibilité de votre site Internet :

10 astuces pour rendre son site Web accessible

#1 – Séparer la mise en forme du contenu. Si il ne devait y avoir qu’une seule règle à retenir, ce serait très certainement celle là. Le code HTML ne doit contenir aucun attribut de mise en forme. Ces derniers doivent en effet être pris en charge par la feuille de style. Dans le cas contraire, votre site Web risque de ne pas être accessible et sera de plus très difficile à maintenir.

#2 – Prévoir des alternatives aux Scripts. Une page HTML doit être parfaitement lisible lorsque les feuilles de styles sont désactivées. Il en va de même pour les scripts en tout genre. Vous devez notamment vous assurer que lorsque le JavaScript est désactivé, vos pages restent parfaitement utilisables.

#3 – Proposer des alternatives textes. Certaines personnes ne pourront pas utiliser les informations véhiculées grâce aux images ou aux contenus multimédias (vidéo, par exemple). Il est donc important de prévoir pour chacun de ces éléments des alternatives textes appropriées.

#4 – Proposer des formats alternatifs en téléchargement. Il est bien de proposer pour un même document à télécharger, plusieurs formats afin de laisser le choix à l’utilisateur, notamment lorsqu’il s’agit de document PDF.

#5 – Eviter d’ouvrir des liens dans une nouvelle fenêtre. Il peut être très perturbant pour l’utilisateur handicapé ou non d’ailleurs d’être confronté à l’ouverture systématique d’une nouvelle fenêtre chaque fois qu’il clique sur un lien. Si vous êtes dans l’obligation d’ouvrir un lien dans une nouvelle fenêtre, mentionnez- le très clairement à vos utilisateurs.

#6 – Eviter les frames. Les frames ou cadres sont aujourd’hui de moins en moins utilisées. Tant mieux, leur utilisation peut grandement perturber les utilisateurs handicapés, ainsi que les moteurs de recherche qui tentent d’indexer vos pages.

#7 – Proposer systématiquement un plan du site et un moteur de recherche. Ces deux éléments concourent grandement à l’accessibilité de votre site Internet car ils permettent à l’utilisateur de s’orienter plus facilement et de trouver l’information recherchée rapidement.

#8 – Proposer des titres explicites à vos pages. La balise « Title » doit être correctement renseignée pour chacune de vos pages. Cette dernière doit représenter le plus fidèlement possible le contenu des pages. Vos utilisateur auront ainsi une information de contexte et d’orientation très appréciable, de même que les moteurs de recherche.

#9 – Vérifier les contrastes de vos couleurs. Vous devez vous assurer que les textes et graphiques sont utilisables même sans les couleurs. Les contrastes doivent également être suffisants afin que la combinaison de couleurs entre le premier plan et l’arrière-plan n’empêche pas les personnes souffrant d’un déficit de perception des couleurs ou utilisant un écran noir et blanc de lire le texte.

#10 – Utiliser les technologies du W3C. Les directives actuelles recommandent l’utilisation des technologies du W3C (Par ex. : HTML, CSS, etc.) pour plusieurs raisons :

  • Les technologies du W3C comprennent des options d’accessibilité « embarquées ».
  • les specifications du W3C sont régulierement mises à jour pour prendre en compte l’arrivée de nouvelles technologies Web.
  • Les spécifications du W3C sont élaborées de manière ouverte et découlent d’un consensus de l’industrie.

Pour en savoir plus sur l’ensemble des directives d’accessibilité.

Articles similaires

18 comments

  1. Ping : Comment optimiser son site Web en 10 points

  2. nayrouz il y a 3 années 

    svp comment je peut ouvrir mes lien dans la même fenêtre j’essaye mais g echoué tjrs ils s’ouvrent dans une nouvelle fenetre et merci

  3. Lafalaise Jean Marc il y a 5 années 

    je vous felicite pour ce beau travail.
    Mais serait il possible de donner les Astuces avec des images appropries . svp?
    D’ou a mon avis se serait vraiment important.

  4. Ping : Fondamentaux : notions et pistes à approfondir « Sémiologie & web

  5. Ping : WCAG 2.0 : nouveau standard pour l’accessibilité des sites Web | Le Blog Kinoa

  6. Ping : Les règles d’accessibilité sont simples | Higherweb ::: Le BLOG

  7. antivirus il y a 7 années 

    Nice article, keep up the good job coming;)

  8. Ping : 10 astuces pour améliorer l’accessibilité de votre site Web « |Simon hazout weblog

  9. Ping : 10 conseils pour améliorer l'accessibilité d'un site internet

  10. Ping : Top 10 de l’accessibilité | Développez votre Economie Numérique

  11. Lambrecht Régine il y a 8 années 

    Je trouve pour la part que cet article n’apporte rien de nouveau sous le soleil… Une ennième référence qui aborde le BAba de l’accessibilité… tout en commettant LA faute basique en accessibilité (absente de ce document): un lien sur ‘ici’ (cf la pertinence des intitulés de lien hors contexte, très utile pour les utilisateurs de navigateur vocal et les moteurs de recherche)…

  12. Ping : Accessibilité site web | Camille Jourdain - Blog

  13. kinoa il y a 8 années 

    Bonjour,

    L’outil principal est une graphiste douée et adobe illustrator tout de même :)

    Kinoa

  14. Michaël il y a 8 années 

    Bonjour. Je souhaiterai, si possible, connaître l’outil qui vous à permis de faire ce schéma. Merci.

  15. Ping : Astuces rendre votre site Web accessible | Mikimya, l'Agence de création de contenus et d'interfaces numériques. Les spécialistes en expérience utilisateur.

  16. Ping : Un bel article sur l’accessibilité - Oxymore93

  17. Ping : Pistachio’s blog » Blog Archive » 10 astuces pour améliorer l’accessibilité de son site

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


sept × = 28