D’autres restrictions graphiques s’imposent quant au style du texte d’une page, surtout en ce qui concerne les polices de caractères. Puisque seule une minorité des polices existantes sont considérées comme étant « Web safe » (elles sont assurément installées sur tous les ordinateurs et prises en charge par tous les navigateurs), les concepteurs Web contourneront souvent le problème en créant des images de texte. Ils sont alors libres d’utiliser les polices de caractères voulues.

Du côté de l’accessibilité du Web, certaines règles plus strictes de WCAG 2.0 empêchent l’utilisation d’images de texte informatif. Pourquoi ? Parce que le texte sous forme d’image est difficilement personnalisable. Une personne ayant besoin de modifier la taille, les couleurs d’avant-plan ou d’arrière-plan, l’alignement ou l’interligne du contenu textuel ne peut le faire si le texte est intégré sous forme d’image. Les gens connaissant des difficultés visuelles ou cognitives se trouvent alors limités dans leur compréhension de l’information.

Intégrer le texte d’un site sous forme textuelle n’aide pas seulement à l’accessibilité ! Cela assure l’indexation du contenu par les moteurs de recherche et rend la mise à jour du site plus évidente (donc, sauve temps et argent !), entre autres.

Voici une liste de certaines polices « Web safe » que vous pouvez utiliser sans crainte de compatibilité entre plateformes et fureteurs : Arial, Courier New, Georgia, Times New Roman, Verdana, Trebuchet MS, Lucida Sans. Nous vous invitons à consulter la page Web suivante afin d’obtenir une liste plus exhaustive des polices multi plateformes : http://dustinbrewer.com/fonts-on-the-web-and-a-list-of-web-safe-fonts/.

Prenez note que les logos, les images de texte décoratives (qui n’apportent aucun nouveau contenu) et les images de texte essentielles à la communication de l’information (comme les images illustrant les polices sur les sites de polices) peuvent faire fi des règles suivantes.

Selon les standards WCAG 2.0 du W3C, niveau AA :

  • Si la technologie employée permet de réaliser la même présentation visuelle, du texte devrait être utilisé pour communiquer de l’information plutôt que des images de texte, à moins que ces images de texte puissent être modifiées selon les exigences de l’utilisateur. (Règle 1.4.5 de WCAG 2.0 [anglais seulement])

Selon les standards WCAG 2.0 du W3C, niveau AAA :

Bien que ce ne soit pas précisé par les WCAG 2.0 et qu’il s’agisse donc ici de bonnes pratiques, il est important de noter que les polices sans empattement sont plus lisibles et devraient être priorisées pour le texte principal. De même, le texte en italique devrait être utilisé seulement sur de courts passages parce que cette présentation du texte en diminue la lisibilité et ne dois donc pas être appliquée à des blocs entiers.