Effective Label Test

The following tests examine how screen readers identify form fields when different combinations of legend, label, title, alt, and value are present:

Test 1: Text Input w/ Legend, Label, Title, Alt, Value

Legend

Results

Test 2: Text Input w/ Legend, Title, Alt, Value

Legend Fake Label:

Results

Test 3: Text Input w/ Legend, Alt, Value

Legend Fake Label:

Results

Test 4: Text Input w/ Legend, Value

Legend Fake Label:

Results

Test 5: Button Input w/ Legend, Title, Alt, Value

Legend

Results

Test 6: Button Input w/ Legend, Alt, Value

Legend

Results

Test 7: Button Input w/ Legend, Value

Legend

Results

Test 8: Button Element w/ Legend, Title, Content, Value

Legend

Results

Test 9: Button Element w/ Legend, Content, Value

Legend

Results

Test 10: Button Element w/ Legend, Image Alt, Value

Legend
  1. JAWS 7: "Legend Alt Button" ("Legend Value Button" in virtual mode/form field list)
  2. JAWS 9: "Legend Alt Button" ("Alt Button" in form field list)
  3. WE 6.1: "Button"

Test 11: Image Input w/ Legend, Title, Alt, Value

Legend

Results

Test 12: Image Input w/ Legend, Alt, Value

Legend

Results

Test 13: Image Input w/ Legend, Value

Legend

Results

Conclusions

Generally, the tested screen readers determine the "effective label" for a form field based on the formula:

[legend] + label | title | alt | value

(Legend, if present, followed by label or title or alt or value.)

Note that label takes precedence over everything, title takes precedence over alt and value, and alt takes precedence over value (although value is read in addition to the others for text inputs.)

Also, note that Window-Eyes does not read legends unless a user setting is changed.

Please send questions, comments, or suggestions to accessibility@msfw.com.

MSF&W Accessibility Tests