Picto thématique

Rule n° 68 - 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 best practice will contribute to the fact that they become usable in this context. Subsequently, it is essential to follow this up as the site evolves.

#Forms #Development #Accessibility

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.

Implementation

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-describedby attribute.

Control

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-describedby attribute.

By Opquast - Read the license