skills/jkense/agent-skills-wcag/wcag-audit-understandable-forms-deep

wcag-audit-understandable-forms-deep

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
Weekly Installs
7
First Seen
Jan 20, 2026
Installed on
antigravity5
windsurf5
claude-code5
github-copilot5
codex5
opencode5