wcag-audit-understandable-forms-deep
Installation
SKILL.md
When to Use
Apply when designing input fields, form controls, validation, and user data entry interfaces.
Rules
- Provide visible labels for all form controls
- Associate labels programmatically with their corresponding inputs
- Group related form fields with clear legends
- Provide clear instructions for required fields and formats
- Display error messages near the related form fields
- Preserve user input when form validation fails
- Provide multiple ways to submit forms
- Ensure form controls are keyboard accessible
- Clearly identify errors in text with specific descriptions
- Provide confirmation for critical actions (legal, financial, data changes)
- Allow users to review and correct information before submission
Avoid
- Using placeholder text as the only field label
- Hiding labels that are only visible to screen readers
- Ambiguous error messages that don't identify the problem
- Auto-advancing focus that disrupts user control
Related skills
More from jkense/agent-skills-wcag
wcag-audit-perceivable-layout-deep
Page structure and spatial organization accessibility design patterns
8wcag-audit-understandable-forms
Route form input and data collection accessibility requirements
7wcag-audit-perceivable-media-deep
Audio and video accessibility rules for multimedia content design
7wcag-audit-perceivable-text-size
Convert between px, pt, em, rem units with accessibility context
7wcag-audit-perceivable-text
Route typography accessibility design decisions and requirements
7wcag-audit-operable-target-size
Validate touch target sizes meet 44x44px minimum requirement
7