Alt-Text für alle Bilder auf einmal — Windsurf
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.
In Windsurf fixen
Codeium agentische AI-IDE mit Cascade
Windsurf Cascade kann das ganze Projekt durchlaufen und Multi-File-Edits in einem Rutsch anwenden. Prompt unten in deinen Windsurf-Chat einfügen und der Fix rollt in einem Rutsch über das ganze Projekt aus.
Anderes Tool? Wähle deinen Stack:
Der Prompt für Windsurf
Diesen Text exakt so in deinen Windsurf-Chat kopieren und einfügen.
Using Windsurf Cascade, apply these edits across the project in one pass: 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 Windsurf
- 1. Dein Windsurf-Projekt öffnen.
- 2. Prompt oben mit Copy-Button kopieren.
- 3. In Windsurf-Chat einfügen und senden.
- 4. Diff reviewen, Änderungen akzeptieren, neu deployen.
- 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
Wie lang soll Alt sein?expand_more
Alle 34 Prompts passend zu deiner Windsurf-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 Windsurf-Prompts
Beschreibenden Alt-Text zu jedem Bild — Windsurf
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.
BilderBilder zu WebP oder AVIF konvertieren — Windsurf
Prompt um JPEG/PNG zu WebP oder AVIF zu konvertieren — 30-50% kleiner bei gleicher Qualität. Hilft LCP und CLS.
Bilder1200×630 Open-Graph-Bild setzen — Windsurf
Prompt um ein richtig dimensioniertes og:image zu erstellen und zu referenzieren — Link-Previews auf LinkedIn, Slack, WhatsApp, X sehen professionell aus.