L’accessibilité de votre site web

Un point clé de la réussite de votre site web, sera la prise en compte de votre public dans sa diversité. Autrement dit, travaillez l’accessibilité.

Pensez aux utilisateurs les moins avancés, aux seniors

Évitez les fenêtres pop up (affichage du contenu dans une nouvelle fenêtre ou un nouvel onglet).
Recourir à une fenêtre pop up empêche les utilisateurs les moins avancés de revenir en arrière. D’où ce résultat désastreux : cet utilisateur alors même qu’il est intéressé par votre contenu et exprimait son souhait de revenir sur votre site web, ne saura pas comment s’y prendre, ce qui le conduira peut-être à abandonner sa recherche ou à quitter le navigateur…
Évitez autant que possible les menus déroulants, difficiles à manier pour une partie de la population.
Soulignez les liens et rien d’autre.
Évitez les caractères illisibles, parce que trop petits.
Évitez les images d'arrière-plan (spécialement les photos) qui rendent difficilement lisible votre contneu.
Définissez des formats en valeurs relatives (em et pourcentages) plutôt qu’en px. Cela permettra à ceux qui le souhaitent de grossir le texte si nécessaire (Cf. article de Florent Verschelde - Alsacréations : Typographie web : gérer la taille du texte avec les « em »).

Évitez de mettre en ligne un contenu trop gourmand en bande passante. Ces utilisateurs ne patienteront pas éternellement dans l’espoir de consulter votre page web.
Dotez les images de texte alternatif alt. Ces utilisateurs sauront ce qui leur reste à afficher.
Pensez à ceux qui disposent d’un écran de petite taille. Afin d’éviter l’apparition d’une barre de défilement horizontale (ou ascenseur), préférer une largeur maximale de 750-800px.

Respectez les standards W3C. Cela favorisera la bonne restitution de votre contenu par ces navigateurs spécifiques,
Dotez vos formulaires d’éléments <label>.
Rendez vos liens les plus clairs possibles (préférez nommer votre lien, plutôt que de le désigner sous le vocable : cliquez ici),
Ne vous reposez pas exclusivement sur une couleur ou une mise en forme particulière pour transmettre une information.
utilisez l'élément <abbr> pour les abbréviations, à compléter par une feuille de style CSS speech. La propriété {speak: spell-out} vous permettra d'épeler ces abbréviations.

Pour aller plus loin :

les lignes directrices pour l'accessibilité aux contenus Web (WCAG 2.0) rédigées en anglais par le W3C, traduites en français et le site Accessiweb