Redaktion · 1 Min.

TYPO3-Bilder ohne Alternativtext: gefunden, beschrieben, nach Prüfung gespeichert

Produktfotos ohne Alternativtext lassen Screenreader-Nutzer mit einem Dateinamen allein, und eine zweite Sprache verdoppelt die Arbeit. In TYPO3 heißt das: die Metadaten jedes Bildes öffnen, das Foto ansehen und eine Beschreibung tippen, einmal pro Sprache. Mit TYPO3 MCP findet Ihr KI-Assistent die Lücken, beschreibt jedes Foto und speichert den Text, sobald Sie ihn gelesen haben.

Die Prompts

  • Welche Bilder auf unserer Website Mustermann Outdoor haben noch keinen Alternativtext?
    Liest nur; ändert nichts
  • Sehen Sie sich die vier Produktfotos an und schlagen Sie für jedes Alternativtext vor, auf Englisch und Deutsch. Speichern Sie noch nichts.
    Nur Entwürfe; Sie prüfen sie im Chat
  • Gut. Nennen Sie das Stadtrad "City E-Bike C-3" und das Zelt am See "Ridge 2 Zelt", in beiden Sprachen. Dann speichern Sie alle vier, Englisch und Deutsch.
    Schreibt nach Ihrer Prüfung; keine Batch-ID

Was macht der Assistent?

  1. Fragen Sie, welche Bilder keinen Alternativtext haben. Auf unserer Demo nennt der Assistent fünf Dateien von Mustermann Outdoor: vier Produktfotos und ein Favicon.
  2. Bitten Sie nur um Vorschläge. Der Assistent öffnet jedes Foto und entwirft Alternativtext auf Englisch und Deutsch; noch wird nichts gespeichert.
  3. Prüfen Sie im Chat. Ergänzen Sie, was das Foto nicht zeigen kann, hier die Produktnamen City E-Bike C-3 und Ridge 2.
  4. Bitten Sie ums Speichern. Er schlägt die Sprach-ID für Deutsch nach und schreibt acht Alternativtexte mit dem MCP-Tool von AI Accessibility.
  5. Prüfen Sie die Metadaten der Datei im Backend und das Bild auf der englischen und der deutschen Seite.

Gezeigt in Claude; andere MCP-Assistenten funktionieren auch.

Wie prüfe ich das und nehme es zurück?

Öffnen Sie die Datei im Backend: Die englische und die deutsche Zeile haben jeweils ihren Alternativtext. Das Tool gibt keine Batch-ID zurück, records_undo kann es also nicht zurücknehmen. Bitten Sie den Assistenten, vorher die alten Werte zu notieren, und schreiben Sie sie zurück, wenn Sie es sich anders überlegen. Auf unserer Demo haben wir genau das danach getan.

Was brauche ich?

AI Foundation mit eingeschaltetem MCP-Server, ein MCP-fähiger Assistent, der Bilder ansehen kann, und AI Accessibility für die Tools für Alternativtext; AI Foundation ist kostenlos, AI Accessibility ist lizenzpflichtig.

Was kann der Assistent nicht für Sie tun?

  • Das Tool für Alternativtext gibt keine Batch-ID zurück: records_undo kann es nicht zurücknehmen, bitten Sie den Assistenten deshalb, vorher den alten Wert zu notieren.
  • Ein Foto zeigt, was es zeigt: Der Assistent erkennt nicht, dass ein Stadtrad das E-Bike C-3 ist. Produktnamen kommen von Ihnen.
  • Alternativtext wird je Sprache gespeichert: Für deutschen Alternativtext braucht es eine deutsche Zeile, sonst zeigt die deutsche Seite den englischen Text.
  • Um ein Foto zu beschreiben, öffnet Ihr Assistent dessen öffentliche Adresse und sendet das Bild an seinen Anbieter, wie bei jedem Chat.

Fragen zu dieser Folge

Was zeigt dieses Video?

Drei Anfragen in Claude auf unserer Demo-Installation: welche Bilder von Mustermann Outdoor keinen Alternativtext haben, Vorschläge für die vier Produktfotos auf Englisch und Deutsch und das Speichern nach einer Prüfung, mit ergänzten Produktnamen. Danach die Metadaten der Datei im TYPO3-Backend, Englisch und Deutsch, und die Seite des City E-Bike C-3 auf der Website in beiden Sprachen.

Wie sieht der Assistent die Fotos?

Das Tool von AI Accessibility gibt die öffentliche Adresse jedes Bildes zurück. Der Assistent öffnet diese Adresse mit seinem eigenen Web-Tool und beschreibt, was er sieht; das Bild geht also an den Anbieter des Assistenten, wie bei jedem Chat.

Warum hat die Prüfung Produktnamen ergänzt?

Ein Foto zeigt ein Stadtrad, nicht, dass es das City E-Bike C-3 ist. Namen, Modelle und Preise kommen von Ihnen; der Assistent beschreibt, was sichtbar ist.

In diesem Video
Transkript des Videos
  1. 0:00MCP in der Praxis für TYPO3 · Folge 15: TYPO3-Bilder ohne Alternativtext: gefunden, beschrieben, nach Prüfung gespeichert
  2. 0:02Erste Anfrage: Welche Bilder von Mustermann Outdoor haben keinen Alternativtext?
  3. 0:04Fünf Dateien im Ordner der Website. Nichts wird geändert.
  4. 0:05Zweite Anfrage: die vier Produktfotos ansehen und Alternativtext vorschlagen, Englisch und Deutsch.
  5. 0:07Claude öffnet jedes Foto und entwirft beide Sprachen. Noch ist nichts gespeichert.
  6. 0:09Dritte Anfrage, nach der Prüfung: Produktnamen ergänzen, dann alle vier speichern.
  7. 0:11Acht Schreibvorgänge bestätigt, Englisch und Deutsch.
  8. 0:12Das Foto des C-3 trägt jetzt seinen Produktnamen.
  9. 0:14Jetzt in TYPO3 prüfen.
  10. 0:15Metadaten von city-e-bike-c-3.jpg: Der Alternativtext ist gespeichert.
  11. 0:28Die deutsche Metadatenzeile hat ihren eigenen deutschen Alternativtext.
  12. 0:40Auf der Website trägt die englische Seite des C-3 den neuen Alternativtext.
  13. 0:45Die deutsche Seite trägt den deutschen.
  14. 0:50Finden, beschreiben und speichern, nach Ihrer Prüfung, statt die Metadaten jedes Bildes von Hand zu öffnen.
  15. 0:52Alle Folgen: t3planet.de/blog/typo3-mcp-in-der-praxis/

Alle Folgen