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

#Accessibility #Forms #Development

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


Discover Opquast training and certification

The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.

Opquast training has already allowed over 19,000 web professionals to have their skills certified. Train your teams, contact us

We offer a 1 hour free discovery module.