Inline Contextual Help
Calm, accessible help without disruption
Tooltip Help (Hover/Focus)
Small, non-intrusive help on hover or focus. Perfect for brief clarifications.
Your information is kept confidential and secure.
Popover Help (Click)
More detailed help that appears on click. Dismissible and stays open for reading.
Inline Expandable Help
Help that expands within the content flow. No overlays, gentle and integrated.
Understanding Your Assessment
Your responses help us understand your current well-being. This assessment uses questions tested with thousands of people (a ) to provide the best support.
Privacy & Confidentiality
Your information is protected under federal privacy laws ( ) and our strict privacy policy.
Question Mark Trigger
Alternative visual style using question mark icon.
Accessibility Features
- Keyboard Navigation: All triggers are keyboard accessible (Tab, Enter, Escape)
- Screen Reader Support: Proper ARIA labels, roles, and state management
- Focus Management: Focus returns to trigger on close
- Reduced Motion: Respects prefers-reduced-motion settings
- Color Contrast: WCAG AA compliant color ratios
- Touch Targets: Minimum 44x44px for mobile accessibility
- Smart Positioning: Content adjusts to viewport boundaries
Usage Guidelines
- Tooltip: Use for brief clarifications (1-2 sentences)
- Popover: Use for detailed explanations with lists or multiple paragraphs
- Inline Expandable: Use when help should flow naturally in content
- Avoid Overuse: Too many help triggers can overwhelm users
- Clear Labeling: Ensure context makes the trigger's purpose obvious