Rule n° 70 - Information supplementing a field’s label is associated with that field in the source code.
Forms are particularly important for people with disabilities, as they are often associated with very high added value services: service request, online purchasing, administrative procedures, etc. This is why it is essential to ensure that your forms work in screen readers, which are used by blind people. This rule will contribute to the fact that they become usable in this context. Subsequently, it is essential to follow this up as the website evolves.
Goal
- Optimize the rendering on screen readers, by making it possible to spell out the form’s field labels.
- Improve the accessibility of content for people with disabilities.
Solution technique
Explicitly associate in the source code of each piece of information that completes a form field label, or that informs the user in the event of an input error:
- either using a fieldset field grouping and the legend element;
- or using the
aria-describedbyattribute.
Moyen de contrôle
Check in the source code that each piece of information that completes a form field label, or that informs the user in the event of an input error:
- is associated with the field by being tagged with a legend element included in a fieldset element grouping the relevant fields;
- or is associated with the field via an
aria-describedbyattribute.