Les designers et les intégrateurs seront tous d’accord avec moi : la typographie pour le web est un véritable casse-tête. Si l’on veut pauffiner un tant soit peu sa mise en page, on se retrouve très vite face a des choix cornéliens : soit on mise sur l’accessibilité, et dans ce cas, on se retrouve bloqué au panel très peu élargi de polices disponibles, soit on mise sur la qualité graphique, et l’on remplace l’ensemble de ses titres par des images.
Si la première solution n’a pour seul inconvénient de frustrer le graphiste, la deuxième va l’obliger, dans le cas d’un blog par exemple, de générer une multitude de titres, ce qui s’avère etre relativement chronophage. De plus, lorsque le site changera de look, quelqu’un devra se farcir la corvée de changer tout les titres, un par un.
Bien sur, il existe des solutions basées sur Flash, comme sIFR, mais cette dernière n’est pas vraiment un must en terme d’accessibilité, bien au contraire.
Or, il existe une solution simple, efficace, et accessible, pour remplacer dynamiquement du texte par des images. Cette solution, publiée par Stewart Rosenberger sur A List Apart, est basée sur deux outils que nous connaissons bien : PHP, couplé à la librairie graphique GD, et JavaScript.
Pour exemple, vous pouvez aller jetter un oeil sur mon blog ou sur la page de démo, ensuite, nous verrons comment mettre cette solution en place très facilement. (lire la suite…)
Ca peut paraitre basique comme tutoriel, mais si vous décidez d’utiliser des images pour les coins arrondis de votre interface graphique, autant le faire facilement, rapidement et proprement.
