Rule 11.2.1

Summary

This test consists in detecting all the <label> tags within <form> on the page.

The control that checks that the <label> tag identifies precisely the form field it is asssociated with has to be done manually.

Business description

Criterion

11.2

Test

11.2.1

Description

Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Particular cases (criterion 11.2)

Il existe une gestion de cas particulier pour le test 11.2.5 lorsque :

  • La ponctuation et les lettres majuscules sont présentes dans le texte de l’intitulé visible : elles peuvent être ignorées dans le nom accessible sans porter à conséquence.
  • Le texte de l’intitulé visible sert de symbole : le texte ne doit pas être interprété littéralement au niveau du nom accessible. Le nom doit exprimer la fonction véhiculée par le symbole (par exemple, “B” au niveau d’un éditeur de texte aura pour nom accessible “Mettre en gras”, le signe “>” en fonction du contexte signifiera “Suivant” ou “Lancer la vidéo”). Le cas des symboles mathématiques fait cependant exception (voir la note ci-dessous).

Note : si l’étiquette visible représente une expression mathématique, les symboles mathématiques peuvent être repris littéralement pour servir d’étiquette au nom accessible (ex. : “A>B”). Il est laissé à l’utilisateur le soin d’opérer la correspondance entre l’expression et ce qu’il doit épeler compte tenu de la connaissance qu’il a du fonctionnement de son logiciel de saisie vocale (“A plus grand que B” ou “A supérieur à B”).

Ce cas particulier s’applique également au test 11.9.3.

Level

A

Technical description

Scope

Page

Decision level

Semi-Decidable

Algorithm

Selection

Set1

All the <label> tags within a <form> tag that also contains at least one user field element.

css selector :

form:has(
        datalist,
        meter,
        optgroup,
        option,
        output,
        progress,
        select,
        textarea,
        input:not([type]), /* input tag without type attribute (implicit type="text") */
        input[type=checkbox],
        input[type=color],
        input[type=date],
        input[type=datetime-local],
        input[type=file],
        input[type=email],
        input[type=month],
        input[type=number],
        input[type=password],
        input[type=radio],
        input[type=range],
        input[type=search],
        input[type=tel],
        input[type=text],
        input[type=time],
        input[type=url],
        input[type=week],
        [role=checkbox],
        [role=combobox],
        [role=listbox],
        [role=progressbar],
        [role=option],
        [role=radio],
        [role=searchbox],
        [role=slider],
        [role=spinbutton],
        [role=switch],
        [role=textbox]
    )
    label

Process

Test1

The selection handles the process.

For each occurence of the Set1 raise a MessageA

MessageA: Manual check on element
  • code: ManualCheckOnElements
  • status: Pre-Qualified
  • parameter: text, snippet
  • present in source: yes

Analysis

Not Applicable

The page has no <label> tag within a <form> tag that also contains at least one user field element (Set1 is empty)

Pre-qualified

In all other cases

Notes

We only detect the elements of the scope of the test to determine whether the test is applicable.

Files