Inline & Contextual Notices
Contextual AI Tooltip
Explain what an AI element does, right where it appears.
Production readySubtleFriction: lowArticle 50(1)Article 50(5)
Adjacent to controlInfo icon
Problem
Explain what an AI element does, right where it appears. This pattern helps address:
- users unsure whether a control triggers AI
When to use
- When you need lightweight clarification on hover/focus
When not to use
- As the sole disclosure for a full AI conversation
Do
- Trigger on hover AND keyboard focus
- Keep under 140 chars
Don't
- Rely on hover only
- Bury critical info in tooltips
Example copy
short
Generated by AI.
contextual
This suggestion is generated by AI based on your recent edits.
detailed
This suggestion is generated by an AI model based on your recent edits. Review before accepting — it may be inaccurate.
Implementation checklist
- Use accessible tooltip primitive
- Include AI attribution text
Accessibility notes
- Accessible via keyboard focus
- Do not rely on hover-only affordance
Related patterns
This tool provides product and UX guidance for AI disclosure patterns. It does not provide legal advice and does not determine legal compliance. Please consult qualified legal counsel for binding assessments.