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.
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 stehen unter Shopsysteme.
Bilder markieren
| 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 gibt es 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 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.
- Das Skript wird von ai-label.app geladen, dabei sieht unser Hoster wie bei jedem Abruf die IP-Adresse. Es setzt keine Cookies. Nur für Sprachen außer Deutsch und Englisch lädt es zusätzlich eine kleine Textdatei mit dem Label-Text, ebenfalls von ai-label.app. 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.
Ist das Label barrierefrei?
Ja. Es ist ein Knopf mit zugänglichem Namen und 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 einzelnes Skript ohne Abhängigkeiten und wird verzögert geladen. Nur für Sprachen außer Deutsch und Englisch lädt es eine kleine Textdatei nach.
Quellen
Rn. steht für die Randnummer in den 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
