Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

9.1.1. Veiller à l'ordre de lecture des tableaux de mise en forme

Lorsqu’une personne utilise un lecteur d’écran pour accéder à un tableau de mise en forme, son contenu est restitué de manière linéaire. C’est-à-dire que le contenu du tableau est lu cellule après cellule, de gauche à droite et ligne après ligne.

Il faut donc veiller à ce que l’ordre de lecture reste cohérent dans chaque tableau de mise en forme.

Par exemple, si le code source qui suit est utilisé, l’ordre de lecture est :

  1. Prénom.
  2. Nom.
  3. Âge.
  4. Champ “Prénom”.
  5. Champ “Nom”.
  6. Champ “Âge”.
<table>
    <tr>
        <td>
            <label for="prenom">Prénom</label>
        </td>
        <td>
            <label for="nom">Nom</label>
        </td>
        <td>
            <label for="age">Âge</label>
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" name="prenom" id="prenom" />
        </td>
        <td>
            <input type="text" name="nom" id="nom" />
        </td>
        <td>
            <input type="text" name="age" id="age" />
        </td>
    </tr>
</table>

Pour obtenir un ordre de lecture cohérent tout en conservant le tableau de mise en forme, opter pour :

<table>
    <tr>
        <td>
            <label for="prenom">Prénom</label>
            <input type="text" name="prenom" id="prenom" />
        </td>
        <td>
            <label for="nom">Nom</label>
            <input type="text" name="nom" id="nom" />
        </td>
        <td>
            <label for="age">Âge</label>
            <input type="text" name="age" id="age" />
        </td>
    </tr>
</table>

Attention

Afin de faciliter la lecture par les aides techniques et de garantir l’ordre de lecture, il est fortement recommandé de limiter l’imbrication des tableaux de mise en forme.

Recommandations associées

notices/html-css/veiller-a-l-ordre-de-lecture-des-tableaux-de-mise-en-forme.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :