AI Visual QA: Finden Sie Übersetzungsprobleme, die nur in Ihrer Benutzeroberfläche auftreten

Moderne Übersetzung liefert die richtigen Worte. Was sie Ihnen nicht sagen kann, ist, ob diese Worte funktionieren, sobald sie in Ihrem Produkt gerendert werden – und genau dort entscheidet sich die Qualität der Lokalisierung.

Eine Übersetzung kann vollkommen korrekt sein und dennoch im Kontext falsch wirken: Sie liest sich ungeschickt neben einem Label, der Ton passt nicht in einer Schaltfläche, oder sie ist inkonsistent mit einem Begriff, den Sie zwei Bildschirme zuvor verwendet haben. Derselbe String kann auch auf Code-Ebene Probleme verursachen: Er überschreitet seinen Container, bricht ein RTL-Layout oder erscheint nie, weil er in Ihrer Ressourcendatei fehlt.

Nichts davon zeigt sich in einer .po, .json– oder strings.xml-Datei. Es zeigt sich erst, wenn die Benutzeroberfläche gerendert wird – manchmal in einem langsamen QA-Durchlauf, aber häufiger, wenn ein Kunde es für Sie findet.

AI Visual QA erkennt all dies mit nahezu keinem Aufwand von Ihrer Seite.

Wie AI Visual QA Ihre übersetzte Benutzeroberfläche überprüft

AI Visual QA überprüft Screenshots Ihrer übersetzten Benutzeroberfläche, nicht nur die Strings, und sortiert die Ergebnisse in zwei Arten von Problemen:

Für Web-Apps erledigt die PTC Visual QA-Browsererweiterung die Arbeit für Sie.

Sie gehen einmal durch Ihre App und markieren die Bildschirme, die überprüft werden sollen, und sie wiederholt diesen Durchlauf für jede Sprache, sodass Sie nie dieselben Bildschirme zehnmal manuell erfassen müssen. Für jeden anderen App-Typ laden Sie die Screenshots vorerst selbst hoch, obwohl wir dieselbe Automatisierung für weitere Plattformen entwickeln.

In jedem Fall ist das Ergebnis dasselbe. Sie benötigen keinen dedizierten QA-Durchlauf oder einen sprachspezifischen Prüfer mehr für jede Veröffentlichung.

---

Was AI Visual QA fand, als wir es auf WPML anwendeten

WPML ist das am weitesten verbreitete mehrsprachige Plugin für WordPress und läuft auf über 1,5 Millionen Websites. Es ist in 19 Sprachen übersetzt, darunter europäische Sprachen wie Spanisch und Polnisch, RTL-Sprachen wie Arabisch und Hebräisch sowie nicht-lateinische Schriften wie Chinesisch, Japanisch und Koreanisch.

Jahrelang bedeutete das eine manuelle Überprüfung nach jedem Übersetzungszyklus. Professionelle, erstklassige menschliche Übersetzer arbeiteten sich Bildschirm für Bildschirm und Sprache für Sprache durch die Benutzeroberfläche. Die Arbeit dauerte Tage, manchmal Wochen. Selbst dann schlüpften noch Probleme durch. Das passiert immer.

Wir haben vier Plugins mit AI Visual QA überprüft: WPML Core, String Translation, Media Translation und WPML für WooCommerce (WCML). Der gesamte Durchlauf dauerte ein paar Stunden. Hier ist eine Auswahl dessen, was erkannt wurde.

Auf der WPML-Seite Sprachen war ein spanischer Satz zwar korrekt, klang im Kontext aber holprig. AI Visual QA hat es erkannt, sobald die Übersetzung gerendert angezeigt wurde, und die Formulierung automatisch angepasst.

Wir haben PTC mit unserem Repository verbunden, sodass korrigierte Übersetzungen dort synchron gehalten werden. Diese Synchronisierung ist eine optionale Einrichtung, keine Voraussetzung.

Für Arabisch und Hebräisch markierte AI Visual QA Layout-Fehler, die nur in der Rechts-nach-links-Darstellung auftreten. Dies gehört zu den am schwierigsten manuell zu erkennenden Problemen, da man wissen muss, wie ein korrektes RTL-Layout aussieht.

Jedes Problem kam mit einem eigenen Fix-Prompt, den wir in einen AI-Coding-Assistenten einfügten, der das Element lokalisierte und das Layout an der Quelle korrigierte.

Auf dem Bildschirm Benutzerdefinierte XML-Konfiguration wurde das französische Wort „Enregistrer“ zu „Enregistre“ abgeschnitten. Die Übersetzung war korrekt, aber der Button war zu schmal, um sie aufzunehmen.

AI Visual QA markierte das Problem und gab uns einen Prompt, der genau beschrieb, was wo geändert werden sollte. Ein Klick kopierte ihn, und ein AI-Coding-Assistent verbreiterte die Schaltfläche an der Quelle. Der Text war die ganze Zeit richtig. Nur das Layout musste geändert werden.

Auf der deutschen Seite Einstellungen waren einige Strings noch auf Englisch. AI Visual QA hat sie markiert, und weil es die gerenderte UI mit den Strings abgleicht, die PTC tatsächlich vorhält, konnte es erkennen, dass es sich nicht um eine Übersetzungslücke handelte. Die Strings fehlten vollständig in der Ressourcendatei – deshalb wurden sie nie übersetzt.

Es generierte einen Prompt, um sie an der Quelle hinzuzufügen, und ein AI-Coding-Assistent fügte die fehlenden Strings hinzu, damit sie übersetzt und angezeigt werden konnten.