Loading...
Loading content...
Loading content...
Provide help text relevant to the current task.
Why it matters: Helps users understand complex forms or tasks.
Context-sensitive help is available.
What This Means: This success criterion requires that context-sensitive help is available to users. Context-sensitive help provides information that is relevant to the current task or form field, making it easier for users to complete tasks successfully.
Why It's Important: Complex forms or tasks can be confusing, especially for users with cognitive disabilities. Context-sensitive help provides relevant information exactly when and where users need it, reducing confusion and errors. This helps users understand what information is required, what format to use, or how to complete a task.
Provide help text that is relevant to the current context. Use aria-describedby to associate help text with form fields. Place help text near the relevant fields. Make help text clear, concise, and easy to understand. Provide help for complex fields, required formats, or tasks that may be unfamiliar to users. Ensure help text is accessible to screen readers and other assistive technologies.
This criterion ensures that users with cognitive disabilities can access and understand the content, improving their overall experience and ability to use the website effectively.
This criterion ensures that all users can access and understand the content, improving their overall experience and ability to use the website effectively.
Impact: When this criterion is properly implemented, it removes barriers for these user groups and creates a more inclusive web experience for everyone.
A complex form has no help text or instructions.
<form>
<input type="text" name="tax-id">
<button type="submit">Submit</button>
</form>A form field includes help text explaining what information is needed.
<form>
<label for="tax-id">Tax ID</label>
<input type="text" id="tax-id" name="tax-id"
aria-describedby="tax-id-help">
<div id="tax-id-help">
Enter your 9-digit Tax Identification Number (TIN).
</div>
<button type="submit">Submit</button>
</form>This success criterion benefits the following user groups:
Tip: Use this checklist during development and testing to ensure all requirements for 3.3.5 Help are met. Check off items as you complete them.
Note: These are official W3C resources for 3.3.5. For the most up-to-date information and detailed technical guidance, always refer to the official W3C documentation.
Implementing 3.3.5 Help correctly requires understanding your specific context. Code solutions vary significantly based on multiple factors:
HTML, React, Vue, Angular, PHP, Python, and other frameworks each have different patterns and best practices.
Server-side rendering, client-side rendering, static generation, and hybrid approaches require different solutions.
Your existing components, styling approach, and UI library influence how accessibility must be implemented.
Your specific user base, content type, and interaction patterns determine the most appropriate implementation.
We provide tailored implementation guidance by analyzing your specific technology stack, coding patterns, design system, and project requirements. Our team reviews your codebase and provides custom solutions that integrate seamlessly with your existing architecture.
Get Custom Implementation HelpPart of
Understandable PrincipleGuideline
3.3 Input Assistance