AI Disclosure Generator
Generate AI notices with live UI and code previews.
AI disclosure workspace
Draft a visible notice and ready-to-use HTML or React snippets.
Disclosure details
Templates use only the details you enter. Translate optional details yourself when switching language.
Placement preview
Your content or feature
Disclosure text
Generated snippet
Complete HTML document with scoped CSS. Use the notice and its CSS beside the affected feature. If your site restricts inline CSS, move the scoped styles to your stylesheet.
Placement and accessibility
Place the notice next to the affected content, image or recommendations so people see it on first exposure.
Keep the notice readable on small screens and at enlarged text sizes. The snippets include a language tag, a semantic note and contrasting light/dark styles; check placement, contrast and screen reader reading order in your own interface.
This creates a visible disclosure. It does not add machine-readable marking to AI outputs under Article 50(2), determine which obligations apply, or establish compliance. Recommendation notices may be useful even where Article 50 does not require them. Review the official Article 50 text for the relevant scope and exceptions.
Questions
Are the React examples complete?
Yes. The generated snippet includes the component implementation and an example use, rather than an undefined component tag.
Where should the disclosure appear?
Place it clearly where users first interact with the AI feature or see the relevant content. Check visibility and accessibility in the actual interface.
Does a notice replace machine-readable marking?
No. Article 50 distinguishes informing people from machine-readable marking. A visible notice handles only its stated user-facing purpose.
Where can I check the applicable rules?
Use the official sources linked in Learn and Reference. Applicable requirements depend on the product, AI system, operator role and actual use.