Testing Labels
Simple examples of creating visually hidden labels for form controls that work in a screen reader. Each label, image alt attribute, or
control title is prefaced with the word label, alt text or title to help identify it.
Hide labels using hidden styles
Enter month and year: label Select Month
01
02
03
04
05
06
07
08
09
10
11
12
label Select Year
2004
2005
2006
Enter birth month and year: label Enter month number 1 through 12
label Enter 4 digit year
Hide labels using offscreen styles
Enter month and year: label Select Month
01
02
03
04
05
06
07
08
09
10
11
12
label Select Year
2004
2005
2006
Enter birth month and year: label Enter month number 1 through 12
label Enter 4 digit year
Simulate labels with empty images
Enter month and year:
01
02
03
04
05
06
07
08
09
10
11
12
2004
2005
2006
Enter birth month and year:
Use title rather than label
Enter month and year:
01
02
03
04
05
06
07
08
09
10
11
12
2004
2005
2006
Enter birth month and year: