Bilder·Cursor
BilderCursor

Alt-Text für alle Bilder auf einmal — Cursor

Accessibility-Recht (WCAG 2.1) und Google verlangen beide sinnvollen Alt-Text. Einzeln zu fixen ist mühsam; Bulk-Prompt macht es in einem Rutsch.

rocket_launch

In Cursor fixen

Agentischer AI-Code-Editor auf VSCode-Basis

In Cursor editierst du echte Dateien — der Fix landet per direkten Diff statt neu generiertem Projekt. Prompt unten in deinen Cursor-Chat einfügen und der Fix rollt in einem Rutsch über das ganze Projekt aus.

Anderes Tool? Wähle deinen Stack:

LovableCursorBoltv0ReplitWindsurfClaude CodeBase44

Der Prompt für Cursor

Diesen Text exakt so in deinen Cursor-Chat kopieren und einfügen.

Apply these changes to my codebase. Edit the files directly and keep existing formatting:

Add alt text to all images

1. Add descriptive alt text to every <img> tag.
2. For decorative images use alt="" (empty string).

Warum das wichtig ist

Die meisten Sites haben 50-500 Bilder verteilt über Komponenten, Blog-Posts und Produktseiten. Einzeln zu fixen ist eine Wochen-Arbeit. Bulk-Prompting schneidet das auf eine Stunde Review.

WCAG 2.1 Level A Compliance verlangt Alt-Text auf allen informativen Bildern. Rechtliche Pflicht in vielen Rechtsräumen (EAA, ADA).

So nutzt du diesen Prompt in Cursor

  1. 1. Dein Cursor-Projekt öffnen.
  2. 2. Prompt oben mit Copy-Button kopieren.
  3. 3. In Cursor-Chat einfügen und senden.
  4. 4. Diff reviewen, Änderungen akzeptieren, neu deployen.
  5. 5. Fix mit der Checkliste unten verifizieren.

Typische Fehler vermeiden

  • error_outlineJede AI-Suggestion ohne Review akzeptieren — AI halluziniert manchmal Bild-Content.
  • error_outlineDateinamen automatisch als Alt nutzen.
  • error_outline`alt=""` auf dekorativen Bildern vergessen.

Wie du prüfst ob der Fix geklappt hat

  • check_circle`document.querySelectorAll("img:not([alt])").length` === 0.
  • check_circleLighthouse-Accessibility besteht Alt-Checks.
  • check_circle10 zufällige Bilder stichprobenartig — Alts sind beschreibend.

Häufige Fragen

Kann AI gute Alt-Texte schreiben?expand_more
Oft ja, aber immer reviewen. Vision-Modelle beschreiben Bilder gut, verpassen aber Kontext (z.B. "warum dieses Bild hier").
Wie lang soll Alt sein?expand_more
Unter 125 Zeichen. Bedeutung beschreiben, nicht Pixel.

Alle 34 Prompts passend zu deiner Cursor-Site?

Pantra scannt deine Site in 10 Sekunden, erkennt den Stack und generiert genau die Prompts die passen — nur die du brauchst.

Site scannen

Ähnliche Cursor-Prompts

SEO

Beschreibenden Alt-Text zu jedem Bild — Cursor

Prompt der jedes <img> durchgeht und sinnvollen Alt-Text hinzufügt — für Accessibility, SEO und AI-Zitate. Funktioniert in Lovable, Cursor, Bolt, v0, Replit, Windsurf, Claude Code, Base44.

Bilder

Bilder zu WebP oder AVIF konvertieren — Cursor

Prompt um JPEG/PNG zu WebP oder AVIF zu konvertieren — 30-50% kleiner bei gleicher Qualität. Hilft LCP und CLS.

Bilder

1200×630 Open-Graph-Bild setzen — Cursor

Prompt um ein richtig dimensioniertes og:image zu erstellen und zu referenzieren — Link-Previews auf LinkedIn, Slack, WhatsApp, X sehen professionell aus.

Mehr im Glossar erfahrenarrow_forward