Ermitteln, welcher Teil der Seite die Sprache wechselt
In eine französischsprachige Seite über einen fiktiven Workshop wird ein arabischer Abschnitt eingefügt. Der Satz besagt, dass der Workshop um 10:30 Uhr beginnt. Nachdem du den Satz in einen Block für individuelles HTML eingefügt hast, erscheinen die arabischen Schriftzeichen auf dem Bildschirm. Für den Abschnitt ist jedoch keine eigene Sprache angegeben, und er übernimmt die Schreibrichtung der Seite. In einer anderen Fassung des Vorschlags ist lang="ar" vorhanden. Dort erzwingt dir="ltr" weiterhin eine Schreibrichtung von links nach rechts. Die beiden Fälle erfordern unterschiedliche Korrekturen.
Lies zuerst die Seite rund um den eingefügten Abschnitt. Die Überschrift, die Einleitung, das Menü und die anschließenden Hinweise sind auf Französisch. Die Sprache des gesamten Dokuments wird im Element html angegeben, das WordPress und das Theme ausgeben. Behalte Französisch als Standardsprache für dieses Dokument bei. Gib für den eingefügten Abschnitt die tatsächliche Sprache des Satzes und die für seine Schrift passende Richtung an. Die Sprache beschreibt den Text. Die Grundrichtung bestimmt, wie der Browser Schriftzeichen, Zahlen und Satzzeichen in ihrem jeweiligen Zusammenhang anordnet.
Halte vor der Bearbeitung des Blocks fest, welches Ergebnis du erwartest. Die Seite bleibt französischsprachig und läuft weiterhin von links nach rechts. Der arabische Satz soll als arabisch erkennbar sein und in einem Abschnitt mit einer Grundrichtung von rechts nach links stehen. Die beiden französischen Nachbarsätze sollen sich genauso verhalten wie zuvor. Prüfe nach dem Speichern auch die Zahl 10:30. Die Korrektur betrifft die Attribute und ihren Geltungsbereich. Der Satz selbst und die Standardsprache der Website bleiben erhalten.
Einen Vergleichsstand sichern, bevor du den eingefügten Inhalt speicherst
Arbeite mit einer Kopie eines Beitrags oder einer Seite. Schreibe einen französischen Einleitungssatz, ein Zitat zur Uhrzeit und einen weiteren französischen Satz nach dem Zitat. Die beiden Sätze rund um den Block dienen als Vergleich. Im Ausgangszustand ist auch das Zitat auf Französisch. Sichere die Revision oder den genauen Inhalt des Blocks. Öffne die Kopie anschließend so, wie sie für einen Besucher erscheint. Notiere den Text der drei Bereiche und die Sprache am Wurzelelement. Falls die Seite schon eine falsche Sprache angibt, halte das als separates Problem fest. Für Aussagen über die Konfiguration anderer Seiten sind eigene Prüfungen erforderlich.
Um den Vorschlag ohne einen Dienst nachzustellen, ersetze das französische Zitat in einem Block für individuelles HTML durch den arabischen Beispielsatz. Bewahre eine erste Fassung auf, in der das Zitat weder eine Sprache noch eine Richtung angibt. Bereite eine zweite Fassung vor, in der das Zitat lang="ar" und dir="ltr" enthält. Verwende in beiden Fassungen denselben arabischen Text. So kannst du Unterschiede in der Darstellung den Attributen zuordnen, während der Wortlaut und die Uhrzeit gleich bleiben.
Wenn du mit einem tatsächlichen Vorschlag arbeitest, prüfe den Text und die Auszeichnung vor dem Einfügen. Ein Inhaltsfragment gehört in den Hauptteil der Seite. Falls der Vorschlag einen vollständigen Dokumentrahmen mit html, head oder body enthält, übernimm nur das benötigte Fragment. Bei einer vollständig übersetzten Seite richtet sich die Standardsprache nach der ausgegebenen Seite und ihrer Konfiguration. In dieser Anleitung wechselt nur ein Zitat die Sprache. Beschränke die Sprachangabe deshalb auf dieses Zitat.
Halte die Varianten in deinen Arbeitsnotizen getrennt. Mit dem gesicherten Block kannst du schnell zum Ausgangszustand zurückkehren, falls ein Fehler beim Einfügen auch einen anderen Abschnitt betrifft. Notiere die ersten Wörter der französischen Sätze vor und nach dem Zitat. So findest du die richtige Stelle auch nach dem Speichern wieder. Du kannst in der Kopie außerdem eine Kennung für den Test hinterlegen. Enthält die Seite mehrere Zitate, halte die genaue Position fest, damit du das gewünschte Zitat auch dann findest, wenn es weiter unten steht.
Vererbte Sprache und vererbte Schreibrichtung unterscheiden
Im DOM gilt die Sprache eines Elements auch für untergeordnete Elemente ohne eigene Sprachangabe. Ein Zitat ohne lang kann daher die französische Sprache der Seite übernehmen, obwohl es arabische Schriftzeichen enthält. Der Browser kann diese Schriftzeichen unabhängig von der angegebenen Sprache darstellen. Im ersten Testzustand zeigt die Prüfung, dass Französisch als wirksame Sprache gilt. Die nächstgelegene Sprachangabe steht auf der Ebene der Seite.
Für diese Übung genügt lang="ar", um Arabisch als Sprache anzugeben. Die Grundrichtung wird separat festgelegt. Im zweiten Zustand erkennt der Browser das Zitat als arabisch, behält aber die Schreibrichtung von links nach rechts bei, weil am Zitat noch dir="ltr" steht. Erfasse beide Werte getrennt. So lässt sich erklären, warum eine erste Korrektur vollständig wirken kann, obwohl die Schreibrichtung noch falsch ist.
Die Schreibrichtung beeinflusst die Anordnung des Texts. Ein Satz von rechts nach links kann Ziffern, eine Uhrzeit oder einen Namen in einer anderen Schrift enthalten. Vermeide es, Schriftzeichen von Hand umzukehren oder Satzzeichen zu verschieben, um eine falsche Angabe am umgebenden Element auszugleichen. Korrigiere zuerst die Grundrichtung des Abschnitts. Lies anschließend den Satz und die Uhrzeit auf dem Bildschirm. Eine rechtsbündige Ausrichtung legt die Position auf der Zeile fest. Für die Leserichtung gibt es eine eigene Angabe.
Wähle das Element, das genau den betreffenden Abschnitt umfasst. Bei einem vollständig arabischen Zitat eignet sich das umgebende Zitatelement. Bei einigen Wörtern in einem französischen Satz zeichnest du nur die betreffende Wortgruppe aus. Ein einzelner Eigenname oder ein bereits in der Sprache des Texts gebräuchlicher Ausdruck braucht unter Umständen keine eigene Sprachangabe. Wenn Sprache oder Schreibrichtung unklar sind, lass den Text prüfen, bevor du die Attribute auswählst. Die Angabe soll genau beschreiben, welchen Text der Leser erhält.
Das Fragment in dem Block korrigieren, der es ausgibt
Öffne in der Kopie den Block für individuelles HTML und suche nach dem Zitat. Ergänze oder korrigiere lang="ar" und dir="rtl" am umgebenden Element. Die beiden französischen Sätze bleiben außerhalb dieses Elements. Der Satz im folgenden Fragment bedeutet, dass der Workshop um 10:30 Uhr beginnt. Die Attribute beschreiben das gesamte Zitat und gelten auch für den darin enthaltenen Absatz.
Beschränke die Änderung auf die Attribute für Sprache und Schreibrichtung. Lies den Text vor dem Speichern noch einmal, damit sich die Uhrzeit beim erneuten Einfügen nicht ändert. Falls der Vorschlag eine CSS-Regel für Richtung oder Ausrichtung enthält, prüfe, für welche Elemente sie gilt. Die HTML-Auszeichnung legt die Grundrichtung fest. Je nach Theme kann eine Darstellungsregel trotzdem zu einer anderen berechneten Schreibrichtung führen. Ermittle in diesem Fall, welche Regel für den Abschnitt wirksam ist.
Stammt der Block aus einem Template oder einer wiederverwendeten Vorlage, prüfe, wo der Text gespeichert ist. Eine Änderung an der gemeinsamen Quelle kann mehrere Seiten betreffen. Diese Anleitung verwendet einen lokalen Block in einem einzelnen Beitrag, um die Auswirkungen zu begrenzen. Wenn du ein gemeinsam genutztes Element ändern musst, suche in einer Kopie deiner Website nach einer weiteren Stelle, an der dieselbe Quelle verwendet wird. So kannst du prüfen, ob sich Seiten ohne das Zitat weiterhin wie zuvor verhalten.
<blockquote lang="ar" dir="rtl">
<p>تبدأ الورشة عند الساعة 10:30.</p>
</blockquote>Das DOM der Seite nach dem Speichern prüfen
Speichere die Kopie, schließe die bisherige Vorschau und öffne die Adresse des Beitrags erneut. Untersuche das Zitat im Bereich „Elemente“ der Browser-Entwicklertools. Prüfe zuerst, ob das Element html weiterhin Französisch als Sprache angibt. Kontrolliere dann, ob die Attribute im tatsächlich ausgegebenen Dokument am Zitat stehen. Sie sollen für den arabischen Absatz gelten, und ihr Geltungsbereich soll vor dem nächsten Satz enden. Eine Angabe auf der falschen Ebene kann das Zitat korrekt darstellen und zugleich das Verhalten eines anderen Blocks verändern.
Vergleiche den Code des Blocks mit dem DOM. Wenn lang oder dir beim Einfügen vorhanden war, im DOM aber fehlt, öffne den Block erneut und prüfe, was beim Speichern erhalten blieb. Fehlt das Attribut schon im gespeicherten Block, unterscheiden sich die eingefügte und die gespeicherte Fassung. Ist es noch vorhanden, untersuche die Komponente, die die Seite ausgibt, und wie der Browser das HTML verarbeitet hat. Halte in beiden Fällen die Abweichung fest, bevor du eine globale Einstellung oder die Berechtigungen deines Kontos änderst.
Suche in den berechneten Stilen des Zitats nach der Eigenschaft direction. Beim korrigierten Fragment hat sie den Wert rtl. Im darauffolgenden französischen Satz bleibt sie ltr. Wenn das DOM dir="rtl" enthält, die berechnete Schreibrichtung aber weiterhin ltr ist, suche nach einer Regel für das Element oder eines seiner untergeordneten Elemente. Notiere auch für jeden Absatz, wo die nächstgelegene Sprachangabe steht. Die Stilansicht zeigt, welche Regeln der Browser für die Darstellung anwendet. Für die Sprachangabe prüfst du die Attribute gesondert.
Lies den arabischen Satz und die Uhrzeit in ihrem Zusammenhang. Der Test vergleicht den Text im DOM mit dem Ausgangstext, einschließlich 10:30. Damit lassen sich Änderungen am Inhalt beim Einfügen erkennen. Ob jedes Zeichen an der richtigen sichtbaren Stelle steht, erfordert eine eigene Prüfung. Wenn im Abschnitt mehrere Schriften vorkommen, sieh dir die Darstellung mit den üblichen Stilen der Website an und lass den Text von einer Person prüfen, die die Sprache kennt.
Die Ergebnisse einordnen und die Grenzen des Tests festhalten
In der WordPress-Testinstallation behielt das Wurzelelement in allen fünf Zuständen lang="fr-FR" und eine berechnete Schreibrichtung von links nach rechts. Beim ersten Einfügen ohne Attribute übernahm das Zitat Französisch von der Seite. In der zweiten Fassung erkannte Chrome lang="ar", behielt aber die Richtung von links nach rechts bei. Nach der Korrektur trug das Zitat die erwarteten Werte, und sein Absatz übernahm sie. Die beiden französischen Sätze behielten ihre Sprache, ihre Schreibrichtung und ihren Wortlaut.
Die Varianten wurden mit Funktionen des WordPress-Kerns in einem Block für individuelles HTML gespeichert und anschließend im DOM der geladenen Seite untersucht. So lässt sich prüfen, ob die Attribute und der Text beim Speichern und bei der Ausgabe in dieser Umgebung erhalten bleiben. Die Varianten bilden mögliche Zustände nach dem Einfügen nach. Beim Einfügen aus der Zwischenablage im visuellen Editor können andere Ergebnisse auftreten. Der Test blockiert die Stylesheets des Themes und die Skripte der Seite, um die Wirkung der Attribute getrennt zu betrachten.
Screenreader gehörten nicht zum Testumfang. Das Attribut lang="ar" stellt eine Sprachinformation bereit, die assistive Technik nutzen kann. Ein Wechsel der Stimme, die Aussprache des Texts und das Vorlesen der Uhrzeit erfordern einen gesonderten Test. Wenn diese Erfahrung Teil deiner Prüfung ist, teste sie mit dem Screenreader und der Stimme, die dein Team verwendet. Halte fest, was vorgelesen wird, und dokumentiere diesen Befund getrennt von der DOM-Prüfung.
Den Ausgangszustand wiederherstellen und die Prüfung für später sichern
Um die Änderung in der Kopie rückgängig zu machen, stelle die Revision mit dem ursprünglichen Fragment wieder her. Falls seitdem andere Abschnitte bearbeitet wurden, setze nur das Zitat und die Attribute aus deinen ersten Notizen zurück. Öffne den Beitrag anschließend erneut im Browser. Prüfe das Wurzelelement, das Zitat und die beiden Vergleichssätze. Wenn der ursprüngliche Text wieder da ist, ein hinzugefügtes Attribut aber noch am umgebenden Element steht, ist die Wiederherstellung möglicherweise unvollständig.
Im Test stellte die Revision sowohl den gespeicherten Inhalt als auch das ausgegebene Fragment exakt wieder her. Das Zitat war wieder auf Französisch, und die umliegenden Elemente verhielten sich wie zuvor. Das Ergebnis sähe anders aus, wenn dein Ausgangszustand bereits einen korrekt ausgezeichneten arabischen Abschnitt enthielte. Stelle in diesem Fall seinen Text und seine ursprünglichen Attribute wieder her. Maßgeblich ist der Ausgangszustand, den du für die betreffende Seite gesichert hast.
Gib für die anschließende Prüfung die Adresse der Kopie, den betreffenden Abschnitt und die erwarteten Werte an. Ergänze die beobachteten Attribute und die berechnete Schreibrichtung in allen drei Bereichen. Bewahre den Vorschlag so auf, wie er getestet wurde, und sichere auch die korrigierte Fassung. Die prüfende Person kann dann nachvollziehen, ob die Uhrzeit gleich geblieben ist, ob das Zitat korrekt ausgezeichnet ist und ob der Rest der Seite weiterhin die vorgesehene Sprache und Schreibrichtung verwendet.
Die Prüfung auf einen Ausdruck innerhalb eines Satzes übertragen
Der Abschnitt kann auch nur aus einem englischen Ausdruck in einem französischen Absatz bestehen. In diesem Fall haben beide Texte dieselbe Schreibrichtung. Zeichne den Ausdruck mit der passenden Sprache aus und lies anschließend die Wörter davor und danach. Wenn der ganze französische Satz Englisch übernimmt, steht das Attribut auf einer zu hohen Ebene im Dokument. Prüfe daher auch die umliegenden Wörter, selbst wenn sich die sichtbare Richtung der Zeile nicht ändert.
Wenn der gesamte Abschnitt aus einem Absatz in einer Schrift von rechts nach links besteht, gib die Richtung am Absatz oder an seinem eigenen umgebenden Element an. An welcher Kante der Text ausgerichtet ist, kann weiterhin das Theme bestimmen. Prüfe die angegebene und die berechnete Schreibrichtung, bevor du diese Ausrichtung änderst. Wenn Leser eine Uhrzeit oder eine Referenz erkennen müssen, lass die endgültige Darstellung prüfen und halte die Zahl selbst in deinen Notizen fest.
Öffne in beiden Fällen den Block nach dem Speichern und kontrolliere, an welcher Stelle das Attribut steht. Wenn der Vorschlag mehrere Abschnitte hinzufügt, wähle zwischen zwei davon einen französischen Vergleichstext. So kannst du ein zu weit reichendes Element erkennen, das seine Attribute an alles Folgende vererbt. Beginne mit einer einzelnen Korrektur. Übertrage sie erst auf weitere Abschnitte, wenn du deren Sprache, Schreibrichtung und Position im DOM geprüft hast.
Deutsche Übersetzung mit KI-Unterstützung. Menünamen können je nach WordPress-Version abweichen.