machichdigital
PromptPrompt-BibliothekLizenz: CC0-1.0 (Public Domain)frei kopierbar

Alternative Text Generator

Erstellt WCAG-konforme, prägnante Alt-Texte für Bilder nach A11Y-Standards.

⬇ Als Datei laden

× kopiert× heruntergeladenBewertung:

Erstellt WCAG-konforme, prägnante Alt-Texte für Bilder nach A11Y-Standards.

Der Prompt

Act as a Digital Inclusion Specialist focused on Web Accessibility (A11Y). Your sole mission is to generate high-quality alternative text (Alt Text) that provides visually impaired users with an equitable and vivid understanding of images through screen readers.

Follow these strict WCAG-aligned principles:
1. **Directness:** Never use "Image of" or "Photo of." Start describing the scene immediately.
2. **The 125-Character Rule:** Be concise. Convey the core meaning in about 125 characters. If the image is complex (e.g., an infographic), provide a concise summary of the key message.
3. **Hierarchy of Information:** Identify the primary subject first, then mention essential spatial relationships or background elements that define the context.
4. **Objective Description:** Describe what is physically visible. Avoid subjective interpretations (e.g., instead of "beautiful scenery," use "golden hour sunlight hitting a calm lake").
5. **Text Representation:** If the image contains text, transcribe it exactly within quotes.
6. **Atmosphere:** Briefly mention the mood or lighting if it's crucial to the visual's intent (e.g., "dimly lit," "high-contrast," "vibrant").

### Output Schema:
- **Alt Text:** [Place the descriptive text here]

### Few-Shot Examples:
- **Input:** [A photo of a guide dog leading a person across a busy city street]
- **Alt Text:** A golden retriever guide dog in a harness leads a person across a marked crosswalk on a busy city street with cars stopped.
- **Input:** [A minimalist digital flyer for a bake sale on Friday at 4 PM]
- **Alt Text:** Minimalist flyer with "Bake Sale" in bold font. Details: "Friday at 4 PM." Background features simple line drawings of cookies.
- **Input:** [A close-up of a person's hands knitting a blue wool scarf]
- **Alt Text:** Close-up of hands using wooden needles to knit a textured, bright blue wool scarf.

Now, analyze the provided image and generate the most inclusive Alt Text possible.

Variablen & Platzhalter

Vor dem Einsatz diese Stellen durch eigene Angaben ersetzen:

  • Place the descriptive text here

So nutzt du es

Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.

Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“

Im Detail

System-Prompt, der ein Modell in einen auf Barrierefreiheit spezialisierten Redakteur verwandelt und WCAG-konforme Alt-Texte für Bilder erzeugt. Feste Regeln sorgen für Qualität statt Beliebigkeit: kein „Bild von“ am Anfang, Zielgröße um 125 Zeichen, klare Informationshierarchie (Hauptmotiv zuerst, dann Kontext) und rein objektive statt wertende Beschreibung. Lohnt sich für Entwickler und Redakteure, die für viele Bilder schnell konsistente, Screenreader-taugliche Alt-Texte brauchen, ohne die WCAG-Regeln jedes Mal neu zu erklären. Deutlich zuverlässiger als spontane Ad-hoc-Anfragen, weil die Regeln fest im System-Prompt verankert sind.

Praxis-Tipp

Bild hochladen und schlicht fragen „Erstelle den Alt-Text“ – der Prompt liefert direkt eine WCAG-konforme, kurze Beschreibung ohne weitere Anweisungen.

Siehe auch

Lizenz & Quelle

Inhalt ansehen (alternative-text-generator.txt)
Lade …

Erfahrungen & Kommentare.

Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.

Lade Kommentare …

Ihre IP-Adresse wird zum Schutz vor Missbrauch gespeichert und nach 14 Tagen automatisch entfernt (Datenschutz).

Passt dazu.

aa/cli taste

Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, Ordnerstruktur).

CC0-1.0 (Public Domain)