Go to overview: Standard HTML mark-up in screenreader tests

Labelling issues

label enclosing several elements (inputs)

Example 1: One readonly input type=text and one type=checkbox enclosed in one label

Result: Here, the label cannot be clicked to check the checkbox, instead the first readonly input is highlighed.

Firefox/NVDA-Output: TAB - "Einträge mit dem Status 'E - Extrahiert' überschreiben - Eingabefeld schreibgeschützt - 45 ausgewählt" - TAB - "Kontrollfeld nicht aktiviert" - i.e. the label is not read when the checkbox is focused

Example 2 - number in span

Result: The label can be clicked to check the checkbox.

Firefox/NVDA-Output: TAB - "anklickbar - 45 Einträge mit dem Status 'E - Extrahiert' überschreiben - Kontrollfeld nicht aktiviert"

Example 3 - two inputs in label, but rearranged

Result: The label can be clicked to check the checkbox, but nor the 45 part (the input). The second tab stop repeats contents of the input, is redundant.

Firefox/NVDA-Output: TAB - "anklickbar - 45 Einträge mit dem Status 'E - Extrahiert' überschreiben - Kontrollfeld nicht aktiviert" - TAB - "Eingabefeld schreibgeschützt - 45 ausgewählt"


Detlev Fischer, (detlev [dot] fischer [ at ] testkreis [dot] de)

Last update: 12 July 2018