Home > WCAG HTML Techniques

H44 Example 1: Using `label` elements to associate text labels with form controls

First name:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Screen reader announces first name: edit type in text.
Windows 7, Firefox ESR 45.4.0, and NVDA 2016.3
- Result: Screen reader announces first name: edit.
Mac OS X 12.1, Safari, and VoiceOver
- Result: Screen reader announces first name: edit text.
iOS 10.1.1, Safari, and VoiceOver
- Result: Screen reader announces first name: edit text field.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces first name text field, end main.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces edit box first name. Tap to enter text.

H44 Example 1: Using label elements to associate text labels with form controls