retour vers le site AccessiWeb

Guide AccessiWeb


vous êtes ici : Accueil > Fiches AccessiWeb : Présentation de l'information > Fiche 10.6

Fiche 10.6 : Est-ce que les polices de caractères présentes sur la page appartiennent à la famille de polices de caractères sans sérif ?

Carte d'identité

  • Critère AccessiWeb : 10.6
  • Niveau AccessiWeb : argent
  • Point(s) de contrôle WCAG 1.0 correspondants (Priorité 2 de WAI) : 3.3

revenir en haut de la page

Comprendre

Bénéfices pour les utilisateurs

Valeur ajoutée pour le site

revenir en haut de la page

Comment évaluer

Par le code source

  1. Si l'information de mise en page est présente dans le code source, vérifier le contenu des balises FONT.
  2. Si l'information de mise en page est uniquement présente dans les feuilles de style, relever l'adresse de la feuille de style utilisée telle qu'elle est définie dans un élément LINK dans la balise HEAD, et l'ouvrir dans un éditeur texte.
  3. Contrôler l'ensemble des familles de police déclarées pour chaque élément, et définies par "font-family : ".

Par l'utilisation d'outils

Pour une liste complète des outils utilisés pour évaluer l'accessibilité des pages web, et un résumé de leurs principales fonctionnalités, reportez-vous à la page Outils d'aide à l'évaluation.

Evaluer avec la barre AccessiWeb (version 1.0) :
  1. Sous Internet Explorer, ouvrir la page à analyser.
  2. Dans le menu "10. Présentation de l'information" de la Barre AccessiWeb, activer le critère 10.6.
  3. La(es) feuille(s) de style de la page sont listée(s) dans une nouvelle fenêtre. Pour éditer la(es) feuille(s) de style, cliquer sur le lien correspondant précédé par la balise LINK.
  4. Pour chaque élément (balises, classes identifiant), repérer ceux qui comportent l'attribut font-family.
  5. Vérifier que la liste des polices déclarées correspond à celles de la famille sans sérif et surtout que la valeur "sans-serif" est bien la dernière valeur de la liste.

Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :
  1. Cliquer sur le menu "CSS", puis sur l'option "Montrer la feuille de style [Nouvelle fenêtre]".
  2. Une nouvelle fenêtre s'affiche. Elle représente le contenu de la première feuille de style (s'il y en a plusieurs utilisées). Pour visualiser les autres feuilles de style éventuellement déclarées, se rendre sur les adresses indiquées en bas de cette première fenêtre.
  3. Pour chaque élément (balises, classes identifiant), repérer ceux qui comportent la propriété "FONT-FAMILY :".
  4. Vérifier que la liste des polices déclarées correspond à celles de la famille sans sérif et surtout que la valeur "sans-serif" est bien la dernière valeur de la liste.

Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :
  1. Activer l'option "Voir les CSS" du menu "CSS".
  2. Une nouvelle fenêtre s'affiche. Elle représente le contenu de l'ensemble des feuilles de style (s'il y en a plusieurs utilisées).
  3. Pour chaque élément (balises, classes identifiant), repérer ceux qui comportent l'attribut "FONT-FAMILY :".
  4. Vérifier que la liste des polices déclarées correspond à celles de la famille sans sérif et surtout que la valeur "sans-serif" est bien la dernière valeur de la liste.

Evaluer avec le lecteur d'écran Jaws (version 5 et 6.2 en français) :
Ce critère n'est pas évaluable par le lecteur d'écran Jaws.

revenir en haut de la page

Comment mettre en oeuvre

Qui est concerné ?

Le graphiste ainsi que le développeur doivent veiller au respect de ce critère.

Implémentation

Dans la feuille de style par exemple, placer la police préférentielle en premier puis une police plus généralement répandue, éventuellement d'autres choix de polices et enfin, la famille de polices sans sérif.

exemple :

body {font-family : verdana, arial, sans serif }

Exemple de mauvaise pratique

Lorsque le navigateur tente d'appliquer des polices de caractères, il procède par élimination. Si la première police déclarée n'est pas trouvé sur le poste de l'utilisateur, il recherche la suivante. Si la seconde n'est pas trouvée, non plus, il recherche la suivante, et ainsi de suite. La dernière police de caractères mensionnée doit donc être celle à utiliser par défaut si aucune des polices précédente n'est trouvée. Dans les exemples qui suivent, la police "sans-serif" ne pourra jamais être appliquée :

body { font-family: "times new roman", times, serif }

ou

body { font-family : verdana; }

Exemple de bonne pratique

Il est important de déclarer la famille de police "sans-serif" comme dernière entrée, mais de fournir également un jeu de polices appartenant à cette famille de manière explicite :

body { font-family : verdana, arial, helvetica, sans-serif; }

revenir en haut de la page

Illustrations

Il n'y a pas d'illustration pour cette fiche.

revenir en haut de la page

Références

Autres fiches à consulter

Autres ressources

revenir en haut de la page


Fiche précédente : fiche 10.5 Fiche suivante : fiche 11.1

Guide AccessiWeb (version 2.1, 30 août 2006) | Conditions d'utilisation | Contact