Build an accessible form
Build WCAG-compliant forms
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Create an accessible HTML form for [form purpose] that follows WCAG 2.1 AA standards. Include proper label associations, error messages with aria-describedby, focus management, and a visible focus indicator. Validate [list of fields] client-side.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pensez à ajouter l'attribut `autocomplete` aux champs courants (nom, email, mot de passe) pour améliorer l'expérience utilisateur. Utilisez `aria-live="polite"` sur les conteneurs de messages d'erreur pour annoncer les mises à jour sans interrompre la navigation.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Namespace and Quota Management
Manage a multi-tenant cluster
Build a virtualized list
Handle massive data lists
Social Content A/B Test
Testing and optimizing content
Optimize React Application Performance
Optimize your React application to achieve excellent Core Web Vitals metrics through advanced memoization and code splitting techniques.