# 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 ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### 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

- Bénéfice 1 :
  Les polices de caractères de la famille sans-sérif (aussi appelées "sans empâtement") offrent une lecture généralement plus confortable sur des écrans d'ordinateur ou de périphériques portables.
- Bénéfice 2 :
  La police de caractère par défaut n'est pas la même sur tous les systèmes d'exploitation. C'est pourquoi il est souhaitable d'indiquer au navigateur la police à utiliser préférentiellement afin d'être compatible sur l'ensemble des plateformes. Ainsi, un internaute qui navigue sur le même site avec des moyens de consultation différents, gardera le même confort de lecture.

#### Valeur ajoutée pour le site

- Bénéfice 1 :
  L'utilisation des polices sans sérif permet de fournir un confort de lecture à peu près égal sur l'ensemble des plateformes et systèmes d'exploitation.

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

- Fiche 1.9 : Il convient de remplacer un texte sous forme d'image par un texte mis en forme. Cette règle est-elle respectée ?
- Fiche 10.4 : Des valeurs relatives sont-elles utilisées pour dimensionner les tableaux et définir la taille des polices de caractère ?

#### Autres ressources

- Accès pour tous : Les polices de caractères
- yoyodesign.org : les différentes polices sans sérif

revenir au sommaire de la fiche

revenir en haut de la page

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