Home > WCAG HTML Techniques

H90 Example 4: Indicating required form controls using `label` or `legend`

I am interested in the following (Required): Photography
Watercolor
Acrylic

Source: WCAG H90

Tested on:

Windows 7, Firefox ESR 45.4.0, and JAWS 17
- Result: Screen reader announces the label, required, and the state of each checkbox.
iOS 10.2.1, Safari browser is based on the iOS version, VoiceOver on iPad
- Result: iOS VoiceOver announces
- I am interested in the following required, main.
- Photograph, checkbox, unchecked.
- Watercolor, checkbox, checked.
- Arcylic, checkbox, checked.
Android 7.1.2; Pixel, Chrome 55.0.2883.91, and TalkBack Version: 5.0.4.3.
- Result: TalkBack announces