Arabische und rechtsläufige Websites richtig bauen
Von The AsasWeb team 1 Min. Lesezeit
Eine richtige arabische Website spiegelt das gesamte Layout, nicht nur den Text. Navigation, Icons und Abstände müssen mit der Leserichtung umklappen, was mit logischen CSS-Eigenschaften am saubersten gelingt, und jede Seite muss die korrekten lang- und dir-Attribute deklarieren, damit Browser und Screenreader sich richtig verhalten. Arabisch braucht zudem eigene Schriftwahl und Zeilenhöhen, und die einzige verlässliche Prüfung ist, jede Seite auf Arabisch auf echten Bildschirmgrößen durchzusehen.
Arabisch zu einer Website hinzuzufügen wird oft so behandelt, als sei mit dem Übersetzen des Textes alles getan. Eine wirklich gute rechtsläufige Website braucht mehr, denn das gesamte Layout muss gespiegelt werden, und an den Details scheitern die meisten Versuche. Das bauen wir oft, einschließlich der Website, die ihr gerade lest.
Das Layout spiegeln, nicht nur die Worte
In einer rechtsläufigen Sprache kehrt sich die Leserichtung um, also muss das Layout mit ihr umkehren. Navigation, Icons, Fortschrittsschritte und Abstände wandern alle mit, um die neue Richtung zu spiegeln. Der saubere Weg dahin sind logische CSS-Eigenschaften, mit denen ein einziger Satz Komponenten in beide Richtungen korrekt rendert, ohne doppelte Stile.
Sprache und Richtung korrekt setzen
Jede Seite muss am HTML-Element die richtige Sprache und Richtung deklarieren, damit Browser und Screenreader Leserichtung und Stimme umstellen. Ein kleines Detail mit großer Wirkung darauf, wie die Seite angesagt und verstanden wird.
Typografie verdient Sorgfalt
Arabisch hat eigene typografische Anforderungen, von der richtigen Schrift über die Zeilenhöhe bis dazu, wie sich Ziffern und Satzzeichen in gemischten Inhalten verhalten. Eine für lateinischen Text gewählte Schrift wird dem Arabischen selten gerecht, also wählen und justieren wir Schrift für jedes Schriftsystem.
In der Sprache testen, nicht in der Theorie
Die einzige verlässliche Prüfung ist, jede Seite auf Arabisch, von rechts nach links, in echten Bildschirmgrößen durchzusehen. Ein Layout, das im Tool gespiegelt gut aussieht, kann mit echten Inhalten dennoch brechen, also prüfen wir es Seite für Seite.
Wir bauen mehrsprachige Websites, einschließlich rechtsläufigem Arabisch, von Grund auf statt als Zusatz. Seht den Ansatz in unserem Leitfaden zu mehrsprachigem SEO, oder startet ein Projekt, um einen arabischsprachigen Markt richtig zu erreichen.