Overview
In some cases form controls don't need visible text labels.
For example, a text input adjacent to a Search button makes its purpose clear to sighted users.
An additional visual text label would be redundant.
Screen reader users typically navigate forms by using the “TAB” key on the keyboard. Then navigate from one form control to the next.
When the form control or label receives keyboard focus, the invisible label will still be announced by the screen reader.
In this scenario, one of the following three techniques could be used:
Only one of these techniques should be implemented.Required fields are commonly identified with an asterisk.
However, the asterisk character is typically not announced by screen readers.
Following are different techniques to use in order to notify screen reader users that form elements are required.
Required form input field
Required group of radio buttons
Required group of checkboxes
Required single checkbox
...
Technique One - Hidden Label and Markup
...