# Guide AccessiWeb

vous êtes ici : Accueil > Fiches AccessiWeb : Tableaux > Fiche 5.5

## Fiche 5.5 : Dans un tableau de données, lorsqu'un titre de colonne dépasse 15 caractères, l'attribut ABBR est-il utilisé ?

Sommaire de la fiche :

- Carte d'identité
- Comprendre

- Comment évaluer
- Comment mettre en oeuvre

- Illustrations
- Références

### Carte d'identité

- Critère AccessiWeb : 5.5
- Niveau AccessiWeb : argent
- Point(s) de contrôle WCAG 1.0 correspondants (Priorité 3 de WAI) : 5.6

revenir en haut de la page

### Comprendre

#### Bénéfices pour les utilisateurs

- Bénéfice 1 :
  L'utilisation de l'attribut `abbr` permet un confort de lecture supplémentaire pour les utilisateurs de synthèses vocales. En effet, quand le titre de colonne est long (exemple : Marque du véhicule), l'attribut `abbr` va obliger la synthèse vocale à n'annoncer que le mot "marque".
  Il faut veiller à ce que le contenu de l'attribut `abbr` des balises `TH` soit pertinent et soit en rapport avec le contenu de l'en-tête de colonne auquel il se réfère et soit unique pour un même tableau.

#### Valeur ajoutée pour le site

Il n'y a pas d'élément d'information pour cette rubrique.

revenir en haut de la page

### Comment évaluer

#### Par le code source

1. Dans les tableaux de données, rechercher les balises `TH` dont l'intitulé dépasse 15 caractères.
2. Vérifier alors que l'attribut `abbr` a été utilisé et fournit une abréviation pertinente et unique pour ce tableau.

#### 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 la page, sélectionner le ou les titres de colonne/ligne d'un tableau de données à l'aide de la souris.
3. Dans le menu "5. Tableaux" de la Barre AccessiWeb, activer le critère 5.5.
4. Le code source de la page s'affiche dans une nouvelle fenêtre.
5. Pour chaque tableau de données, vérifier que les titres dont l'intitulé dépasse 15 caractères sont abrégés de manière pertinente et unique (contenu de l'attribut `abbr`).

##### Evaluer avec la barre d'accessibilité AIS pour Internet Explorer (version 1.2 en français) :

1. A l'aide de la souris, sélectionner les en-têtes du tableau de données.
2. Cliquer sur le menu "Source", puis l'option "Voir le code source de la sélection [Nouvelle fenêtre]".
3. Vérifier que les en-têtes dont l'intitulé dépasse 15 caractères sont abrégés de manière pertinente et unique.

##### Evaluer avec la Barre d'Outils Web Developper pour Firefox (version 1.0.2 en français) :

1. Repérer les tableaux de données présents sur la page.
2. Activer l'option "Voir Source" du menu "Voir Source".
3. Une nouvelle fenêtre apparaît et affiche le code source.
4. L'attribut `abbr` est affiché s'il est présent dans les en-têtes,
5. Vérifier que les en-têtes dont l'intitulé dépasse 15 caractères sont abrégés de manière pertinente et unique.

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

L'implémentation de l'attribut `abbr` pour les longs en-têtes de tableaux doit être faite par le développeur.

#### Implémentation

Syntaxe générale :

<th abbr="95">Production année 1995</th>

Remarque : la balise `TD` supporte aussi l'attribut `abbr`.

#### Exemple de mauvaise pratique

Voici le code d'un tableau restituant les résultats d'une requête sur une base de données :

<table summary="Résultats de la recherche dans la base de données clients">
<caption>Résultats de votre requête</caption>
<tr>
<th id="nom">Nom</th>
<th id="prenom">prénom</th>
<th id="tel_perso">Téléphone personnel</th>
<th id="tel_pro">Téléphone professionel</th>
</tr>
<tr>
<td headers="nom"> </td>
<td headers="prenom"> </td>
<td headers="tel_perso"> </td>
<td headers="tel_pro"> </td>
</tr>
</table>

Dans l'exemple ci-dessus, les titres de colonne "Téléphone personnel" et "Téléphone professionnel" dépassent 15 caractères et ne sont cependant pas abrégés.

#### Exemple de bonne pratique

Le principal est de choisir une valeur distinctive pour l'abréviation. Il ne s'agira que d'un rappel de l'en-tête ou de la cellule associée à une autre cellule. Il faut que le terme choisi permette d'identifier sans équivoque la cellule par rapport aux cellules sémantiquement proches. Par exemple, dans l'extrait de code qui suit, la colonne "téléphone personnel" et "téléphone professionnel" dépassent 15 caractères et doivent être abrégés de manière distinctive.

<table summary="Résultats de la recherche dans la base de données clients">
<caption>Résultats de votre requête</caption>
<tr>
<th id="nom">Nom</th>
<th id="prenom">prénom</th>
<th id="tel_perso" abbr="tel perso">Téléphone personnel</th>
<th id="tel_pro" abbr="tel pro">Téléphone professionel</th>
</tr>
<tr>
<td headers="nom"> </td>
<td headers="prenom">&nbps;</td>
<td headers="tel_perso">&nbps;</td>
<td headers="tel_pro"> </td>
</tr>
</table>

revenir en haut de la page

### Illustrations

Note : pour lire les extraits sonores au format mp3 proposés sur ce guide, vous devez disposer d'un lecteur capable de lire ce type de fichier. Les enregistrements ont été réalisés à partir soit de la synthèse vocale utilisée par Jaws, soit celle utilisée par Home Page Reader. Pour plus d'informations sur le téléchargement de lecteurs de fichiers mp3, consulter le paragraphe Lecteurs multimédia de la page Outils d'aide à l'évaluation de ce guide.

Des titres de colonnes abrégés lorsque cela est nécessaire (format mp3, 50 ko)

Voici ce que dit Home Page Reader lorsque l'utilisateur passe de colonne en clonne. A chaque changement de colonne, un bip est émis.
"(bip) Nom, (bip) Prénom, (bip) tel perso, (bip) tel pro."

revenir en haut de la page

### Références

#### Autres fiches à consulter

- Fiche 5.3 : Dans les tableaux de données, y a t-il des en-têtes de colonnes appropriés ?
- Fiche 5.4 : Dans un tableau de données, y a t-il un attribut HEADERS présent pour chacune des cellules du tableau ?

#### Autres ressources

- html techniques (section 5.1) data table
- html specifications : Définition de abbr (anglais)

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