AccessiBlogue

Les WCAG 2.0 ne spécifient aucune taille minimale de police à utiliser. Ce qui revient à dire que la distance minimale entre deux paragraphes dépend de la distance interligne et que la distance interligne minimale dépend de la taille de police affichée. En conséquence, un évaluateur doit procéder comme suit :

1. Connaître la taille de police affichée.
2. Juger si la distance interligne minimale est atteinte.
3. Et, si oui, juger si la distance interparagraphe minimale est atteinte.

Le présent billet veut montrer comment y arriver.

Puisqu'aucun outil ne permet de faire tous les calculs de manière automatique, l'évaluateur doit effectuer certaines mesures à main levée. Pour ce faire, il peut prendre une capture d'écran et l'éditer dans l'utilitaire Paint ou utiliser un outil tel l'extension MeasureIt pour Firefox.

Taille de police

Pour connaître la taille de police affichée, le plus simple et le plus sûr consiste à sélectionner un paragraphe et à consulter la valeur de font-size retournée par l'extension Firebug. Si on n'a pas cette extension, on peut mesurer la distance entre le sommet de la lettre la plus haute (l'extrémité supérieure d'un e majuscule accent aigu ou, à défaut, 1 pixel au-dessus du jambage ascendant d'un l minuscule) et le pied de la lettre la plus basse (l'extrémité inférieure d'une lettre ayant un jambage descendant tel un j, un g, un p ou un q minuscule).

Supposons une taille de police de 24px. La valeur d'interligne minimale pour répondre aux exigences de niveau triple-A devra par conséquent être de 1,5 fois 24px, soit 36px.

Distance interligne

Pour mesurer l'espacement interligne d'un paragraphe, la méthode la plus simple consiste à sélectionner un paragraphe et à consulter la valeur de line-height retournée par Firebug. À défaut, on peut mesurer la distance entre deux lignes de base consécutives au sein d'un même paragraphe.

Si la valeur d'interligne ne répond pas à l'exigence, l'évaluateur peut conclure que le niveau triple-A n'est pas atteint. Dans le cas contraire, il lui reste à juger de la distance interparagraphe.

Distance interparagraphe

Supposons une interligne de 36px. L'évaluateur doit vérifier si la distance interparagraphe fait au moins 1,5 fois 36px, soit 54px. Mais où se termine au juste un paragraphe ? À l'extrémité inférieure de la lettre la plus basse de la dernière ligne de texte ? Certainement pas. Il suffit d'imaginer une suite de lettres sans jambage descendant pour s'en convaincre. Et où se trouve le début du paragraphe suivant au juste ? À l'extrémité supérieure de la lettre la plus haute de la première ligne ? Non plus. Car cette ligne imaginaire empiète sur la portion supérieure de la distance interligne répartie de part et d'autre de la première ligne de texte.

Bref, la distance entre deux paragraphes est plus difficile à mesure qu'elle n'y paraît. Notamment parce que les limites supérieures et inférieures de la hauteur de ligne sont invisibles et parce qu'il est difficile d'imaginer leurs emplacements exacts.

Pour contourner cette difficulté, il suffit d'ajouter la valeur de line-height à la distance interparagraphe (ce qui nous donne 36px plus 54px, soit 90px), puis de mesurer la distance entre la dernière ligne de base d'un paragraphe et la première ligne de base du paragraphe suivant.

Le schéma suivant illustre ce qu'on vient d'expliquer.