Accessibility
Creating Accessible Forms for Seamless User Input
This prompt helps teams design accessible forms that meet usability and accessibility standards. It ensures form fields, labels, and interactions are inclusive for users with diverse needs, including those relying on assistive technologies.
Responsible:
Product Design
Accountable, Informed or Consulted:
Design, Product, Engineering
THE PREP
Creating effective prompts involves tailoring them with detailed, relevant information and uploading documents that provide the best context. Prompts act as a framework to guide the response, but specificity and customization ensure the most accurate and helpful results. Use these prep tips to get the most out of this prompt:
Review existing forms for usability and accessibility gaps.
Define the primary goals and actions users need to complete within the form.
Analyze user feedback or analytics data on form completion rates and challenges.
THE PROMPT
Help design accessible forms for [specific use case, e.g., user sign-up, payment checkout, or feedback collection]. Ensure inclusivity and usability by focusing on:
Field Labels: Providing clear, visible labels for every input field, avoiding placeholder-only text.
Error Feedback: Displaying descriptive error messages near the relevant fields and ensuring they are announced by screen readers.
Keyboard Navigation: Allowing users to navigate and complete forms entirely via keyboard, with clear focus states.
Assistive Support: Adding ARIA attributes to enhance compatibility with screen readers and other assistive technologies.
Field Size and Click Targets: Ensuring form fields and buttons are adequately sized for touch interaction and accessibility.
Provide specific recommendations for layout, field design, and error handling. If additional details about form complexity or target audience are needed, ask clarifying questions to refine the suggestions.
Bonus Add-On Prompts
Suggest accessible form designs for users with cognitive disabilities, focusing on simplicity and clarity.
Propose strategies to improve error feedback for users relying on assistive devices.
Highlight methods to test forms for accessibility compliance across different platforms.
Use AI responsibly by verifying its outputs, as it may occasionally generate inaccurate or incomplete information. Treat AI as a tool to support your decision-making, ensuring human oversight and professional judgment for critical or sensitive use cases.
SUGGESTIONS TO IMPROVE
Focus on multi-step forms and provide strategies to maintain accessibility across stages.
Include localization considerations, such as language-specific input formats.
Highlight designs optimized for forms with sensitive data, like payments or personal information.
Propose solutions for dynamic forms that change based on user input.
Add recommendations for integrating CAPTCHA alternatives that are accessible.
WHEN TO USE
During the design or improvement of forms to meet accessibility standards.
To address feedback or challenges related to form usability.
When preparing forms for compliance audits or legal accessibility requirements.
WHEN NOT TO USE
If the platform does not use user-input forms.
When focusing on backend processing rather than user-facing form design.