La question revient régulièrement : est-il pertinent de doubler certaines fonctionnalités du navigateur comme par exemple celle du grossissement et de la réduction de la taille du texte ?

Il est tout d'abord primordial de s'assurer que la fonctionnalité native du navigateur réagit correctement sur votre site. Pour rester sur l'exemple du grossissement du texte, vos contenus doivent rester visibles et lisibles lorsque les caractères sont agrandis ^{(note 1)} (jusqu'à 200% ^{(note 2)}, soit 6 fois Ctrl++ avec Firefox).

Je pense ensuite qu'il ne faut pas négliger les fonctionnalités comme A+ et A- sous prétexte qu'elles sont déjà intégrées au navigateur. De très nombreux utilisateurs ne connaissent pas suffisamment leurs outils et ne savent par exemple pas qu'ils peuvent contrôler la taille du texte via le menu du navigateur ou à l'aide de raccourcis clavier.

Doubler ce type de fonctionnalités permet de les mettre en avant à beaucoup d'utilisateurs qui sont parfois même les plus concernés. N'hésitons pas à les sensibiliser en leur montrant du doigt ce qui est bien pour eux.

Ce qui me taraudait jusque là c'est que le fait de doubler la fonctionnalité en question ne sensibilise pas davantage l'utilisateur, au contraire, on l'habitue à chercher le minuscule A+ dans tous les coins (avec une forte probabilité de ne le trouver que sur une poignée de sites). Certes, on peut indiquer les manipulations à réaliser avec un navigateur dans une page d'aide ou d'accessibilité, mais concrètement, combien iront sur la page et combien la liront ?

Je propose une idée toute simple, pourquoi ne pas montrer la fonctionnalité lorsque l'utilisateur fait appel à son doublon sur un site Web. Par exemple, lorsque celui-ci clique sur le lien A+, profitez-en pour lui afficher un message indiquant comment agrandir la taille du texte avec son navigateur pour tous les autres site Web. Vous sensibiliserez progressivement tous ceux qui ressentent le besoin de grossir vos les textes à l'utilisation de la fonctionnalité native du navigateur.

Je n'ai jamais croisé de tels exemples en ligne, mais si vous en connaissez, n'hésitez pas à me transmettre un lien (j'essaierai de l'appliquer dans quelques jours sur ce blog).

Et pour finir, n'hésitez pas à faire des statistiques sur l'utilisation de ces liens, c'est toujours bon à prendre.

Notes

1. Même si ce n'est pas le sujet de ce billet, notez qu'il y a une différence majeure entre le zoom graphique d'un navigateur et le grossissement de texte. Dans le premier cas (par défaut sur la plupart des navigateurs désormais) l'ensemble du site est agrandi proportionnellement : texte, images... Dans le second cas, seul le texte est agrandi, cela permet bien souvent de ne pas voir apparaitre de barre de défilement horizontale peu agréable à utiliser.
2. WCAG 2.0 : 1.4.4 Redimensionnement du texte : à l'exception des sous-titres et du texte sous forme d'image, le texte peut être redimensionné jusqu'à 200 pour cent sans l'aide d'une technologie d'assistance et sans perte de contenu ou de fonctionnalité (Niveau AA).