accessibleAI publishes guide on form accessibility

accessibleAI has published a new guide addressing critical aspects of web form accessibility, including labels, error messages, and keyboard navigation. The company highlights that forms represent the second most common barrier on websites.

The guide identifies frequent errors such as missing or incorrect labels, where placeholder text is often misused to replace proper labels. This hidden or disappearing information leaves users, particularly those reliant on screen readers, without essential context. accessibleAI emphasizes the necessity of a visible, programmatically associated label for every form field, with placeholder text serving only as a supplementary aid.

Regarding error messages, the guidance stresses the importance of clarity and direct association with the problematic field. Generic messages like "Invalid input" are insufficient; users should receive specific correction instructions, such as "Please enter a valid email address (e.g., name@company.com)." Additionally, fields should be programmatically marked as erroneous.

Keyboard navigability is another key area. While native HTML form elements are generally keyboard-operable, custom components, like stylized dropdowns or date pickers, can pose challenges. accessibleAI reminds developers that replacement components must replicate native element keyboard functionalities and utilize appropriate ARIA roles.

The guide also addresses issues with CAPTCHA mechanisms and time limits. Visual CAPTCHAs are often inaccessible to visually impaired users, and time limits can be prohibitive for individuals needing more time. accessibleAI recommends alternatives such as invisible CAPTCHA versions or extendable time limits.

accessibleAI offers automated tools to check forms against WCAG criteria. The company notes the recent enforcement of accessibility laws, making non-compliant forms a significant risk for organizations.