Das Widget setzt das KI-Label auf Bilder, die Sie markiert haben: per Attribut data-ai-label, per Dateiname mit --ai oder per Alt-Text mit „(KI-generiert)“. Es zeigt das EU-Icon „AI“ mit Text, oben rechts, und auf Klick eine Erklärung. Kostenlos, ohne Cookies, ohne Tracking.
Einbinden
<script src="https://www.ai-label.app/widget.js" defer></script>
Einmal pro Seite, im Kopf oder vor dem schließenden </body>. Anleitungen für einzelne Systeme: Shopsysteme.
Bilder markieren: drei Wege
| Weg | Beispiel | Für wen |
|---|---|---|
| Attribut | <img src="vase.jpg" data-ai-label="generated"> | Wer HTML bearbeiten kann |
| Dateiname | vase--ai.jpg bzw. vase--ai-mod.jpg | Jedes System, ohne Code: Datei vor dem Hochladen umbenennen |
| Alt-Text | „Vase auf Holztisch (KI-generiert)“ | Barrierefrei, ohne Code, in 24 Sprachen erkannt |
Für die zweite Ebene: data-ai-parts="background,person" und data-ai-unchanged="product". Die passenden Werte erzeugt der Hinweistext-Generator.
Was das Widget kann und was nicht
- Es entscheidet nichts: Es kennzeichnet nur, was Sie markieren. Ob ein Bild ein Label braucht, klärt der Pflicht-Check.
- Es erscheint überall, wo das markierte Bild auf Ihrer Seite steht, auch in später nachgeladenen Listen. Bilder unter 48 Pixel bekommen kein Label.
- Es läuft nicht in Bestellmails und meist nicht im Checkout. Dafür braucht es eine Integration ins System, wie die Shopify-App.
- Datenschutz: Das Skript wird von ai-label.app geladen; dabei sieht unser Hoster die IP-Adresse wie bei jedem Abruf. Es setzt keine Cookies und sendet keine weiteren Anfragen. Erwähnen Sie die Einbindung in Ihrer Datenschutzerklärung.
Häufige Fragen
Funktioniert das Widget mit Shopware, WooCommerce oder Wix?
Ja, überall, wo Sie ein Skript einbinden können. Für die gängigen Systeme gibt es Anleitungen unter Shopsysteme.
Kostet das Widget etwas?
Nein. Das Widget ist kostenlos.
Wie markiere ich Bilder, ohne HTML zu bearbeiten?
Über den Dateinamen (vase--ai.jpg) oder den Alt-Text („… (KI-generiert)“). Beides geht in jedem Shopsystem über die normale Bildverwaltung.
Ist das Label barrierefrei?
Ja. Es ist ein Knopf mit zugänglichem Namen, per Tastatur bedienbar; die Erklärung öffnet sich mit Enter oder Klick und schließt mit Esc.
Bremst das Widget meine Seite?
Es ist ein einziges Skript ohne Abhängigkeiten, wird verzögert geladen und lädt nur für Sprachen außer Deutsch und Englisch eine kleine Textdatei nach.
Quellen
Alle Quellen selbst gelesen. Randnummern (Rn.) beziehen sich auf die Leitlinien der EU-Kommission zu Art. 50, C(2026) 5054.
- Code of Practice on Transparency of AI-Generated Content (finale Fassung)Europäische Kommission · Verhaltenskodex · 10.06.2026
- Verordnung (EU) 2024/1689 (KI-Verordnung)EUR-Lex · Gesetz · 12.07.2024
- Leitlinien der Kommission zu den Transparenzpflichten nach Art. 50 KI-VO, C(2026) 5054 finalEuropäische Kommission · Kommission · 20.07.2026
- W3C, Web Content Accessibility Guidelines (WCAG) 2.1W3C · Standard · 05.06.2018
Keine Rechtsberatung. Die Inhalte erklären die Rechtslage auf Grundlage der Primärquellen, sie ersetzen keine Prüfung im Einzelfall.
KI-generiert
