Form: Label and description + Error Test

test

Label & description standalone (1)

Input 1 help text


Label & description standalone (2)

Input 2 help text


Label & description standalone + error (3)

Input 3 help text
Input 3 error


Label & description inside label, with described by (4)


Label & description inside label, without described by (5)


Label, description & input inside label, without described by (6)


Label & description with aria-labelledby standalone (7)

Input 7 help text


Label, description & input inside label, without described by, after the input (8)

Results

Expectation JAWS 2024 with Chrome JAWS 2024 with Firefox JAWS 2024 with Edge NVDA with Chrome NVDA with Firefox Narrator on Edge VoiceOver on Mac with Safari 17.1.2 (19616.2.9.11.12), Mac OS 14.1.2 (23B92) VoiceOver on iOS with Safari
17.1.2
Talkback on Android with Chrome
Announce Label 1 through 7 1 through 7 1 through 7 1 through 7 1 through 7 1 through 7 1 through 7 1 through 7 Not testest
Announce Label & description / error 1–3 announces:
`<label>`
edit blank
describedby

4 announces:
`<label>` + describedby
edit blank
describedby

5 + 6 announces:
`<label>` + describedby
edit blank

7 announces:
Labelledby + edit blank,
-> Ignores label text
1–3 announces:
`<label>`
edit blank
describedby

4 announces:
`<label>` + describedby
edit blank
describedby

5 + 6 announces:
`<label>` + describedby
edit blank

7 announces:
Labelledby + edit blank,
-> Ignores label text
1–3 announces:
`<label>`
edit blank
describedby

4 announces:
`<label>` + describedby
edit blank
describedby

5 + 6 announces:
`<label>` + describedby
edit blank

7 announces:
Labelledby + edit blank
-> Ignores label text
1–3 announces:
`<label>`
edit blank
describedby

4 announces:
`<label>` + describedby
edit blank
describedby

5 + 6 announces:
`<label>` + describedby
edit blank

7 announces:
Labelledby + edit blank
-> Ignores label text



1–3 announces:
`<label>`
edit, has autocomplete
describedby
Blank

4 announces:
`<label>`
edit, has autocomplete
describedby
blank

5 + 6 announces:
`<label>` + describedby
edit, has autocomplete
blank

7 announces:
Labelledby + edit, has autocomplete
blank
-> Ignores label text
1–3 announces:
`<label>`
edit
describedby

4 announces:
`<label>` + describedby
edit
describedby

5 + 6 announces:
`<label>` + describedby
edit

7 announces:
Labelledby + edit,
-> Ignores label text
1–3 announces:
`<label>`
edit text
-> Ignores described by

4 announces:
`<label>` + describedby
edit text
describedby

5 + 6 announces:
`<label>` + describedby
edit text

7 announces:
Labelledby + edit text
-> Ignores label text
1–4 announces:
`<label>`
“Description” + describedby
Text field

4 announces:
`<label>` + describedby
“Description” + describedby
Text field

5+6 announces:
`<label>` + describedby
Text field

7 announces:
Labelledby
-> Ignores label text
Not testest

Screen reader and OS Version Details