Freelock Highlights Form Accessibility on Day 7 of Drupal Advent Calendar
Freelock’s contribution to Day 7 of the Drupal Advent Calendar spotlights form accessibility, urging developers to prioritize clear labels and instructions for every input field as part of WCAG 3.3.2 compliance.
The article outlines how missing or poorly implemented labels and placeholders can frustrate users and create barriers especially for those using screen readers or facing cognitive challenges. It explains why placeholders alone are insufficient, as they often disappear on focus, lack contrast, and aren’t reliably announced by assistive technologies.
Freelock advocates for always using explicit <label> elements linked to input fields via matching for and id attributes. Developers are also encouraged to add instructional context—like character limits or formatting guidelines—either directly beside the field or using aria-describedby to ensure assistive technologies announce them.
Examples span common issues such as unlabeled search boxes, icon-only buttons, and required fields marked by color alone. The piece also provides structural guidance for grouped fields using <fieldset> and <legend>, along with techniques for testing form accessibility using screen readers, dev tools, and keyboard navigation.
The post closes with a practical call-to-action: evaluate every form field before launch to ensure users can understand and complete forms independently. “Would you be able to fill it out with your eyes closed using a screen reader?” it asks. If not, it’s time to revisit the markup.


