Form Instructions Test

The following tests compare methods of including instructions within form fields. The challenge is to find a way that allows the instruction to be read in a screen reader's "forms mode", when only focusable elements can be read:

Test 1: Instruction as Paragraph (or any non-focusable element)

Instruction for Field 1.

Results

Test 2: Instruction repeated in Control Title

Instruction for Field 2.

Results

Test 3: Hidden Instruction repeated in Label

Instruction for Field 3.

Results

Test 4: Instruction as Link

Instruction for Field 4.

Results

Test 5: Instruction as Paragraph w/ TabIndex=0

Instruction for Field 5.

Results

Test 6: Instruction as Link w/ TabIndex=0

Instruction for Field 6.

Results

Test 7: Multiple Labels

Results

Conclusions

Test 6, wrapping instructions in links w/ tabindex=0, seems to be the best compromise -- it allows screen reader users to read the instruction while in forms mode and requires a minimal amount of valid (if semantically questionable) code. Its biggest drawback is that it add additional tab stops for keyboard users, blind or not. Until screen readers can eliminate forms mode, this is the solution we recommend.

MSF&W Accessibility Tests