Zum Hauptinhalt springen

Sprachwechsler für Eventseiten richtig gestalten

Jemand liest das Programm auf Englisch, wählt Deutsch und landet auf der allgemeinen Startseite. Damit geht der Kontext verloren. Ein guter Sprachwechsler erhält Veranstaltung, Ausgabe und Aufgabe.

Boletolibre-Redaktion

Veröffentlicht

Diagramm: Eine Eventseite verlinkt dieselbe Ausgabe in fünf weiteren Sprachen; fehlende Übersetzungen werden klar behandelt.
Das Ziel ist die entsprechende Seite derselben Veranstaltung.

Zur gleichwertigen Eventseite führen

Ordnen Sie Programm, Ort, FAQ und Ticketinformationen ihren tatsächlichen Übersetzungen zu. Ausgabe, Datum und Ticketstatus müssen erhalten bleiben. Das USWDS empfiehlt gleichwertige Inhalte und warnt vor Sackgassen.[2]

AusgangRichtiges ZielVermeiden
Programm 2027Programm 2027 auf DeutschSprach-Startseite
TicketfristDieselbe EventausgabeAbgelaufenes Angebot

Fehlt eine Übersetzung, erklären Sie das und bieten eine bewusste Alternative an. Leiten Sie nicht still zur allgemeinen Startseite.

Sprachen erkennbar benennen

Ein sichtbares Menü an gleicher Stelle ist bei sechs Sprachen zweckmäßig. Verwenden Sie English, Español, Deutsch, Français, 日本語 und Nederlands. Flaggen stehen für Länder, nicht für alle Menschen einer Sprache.[1][2]

Beschriften Sie das Bedienelement eindeutig und kennzeichnen Sie fremdsprachige Optionen im HTML mit ihrer Sprache.[3]

Bedienung prüfen

Die gewählte URL muss direkt erreichbar und teilbar sein. Erzwingen Sie keinen Wechsel allein aufgrund der IP-Adresse oder Browsersprache. Bieten Sie normale Links zu den vorhandenen Fassungen.[4]

  • Mobil und Desktop prüfen.
  • Tastatur, Fokus und Screenreader testen.
  • Ausgabe und Ticketkontext beibehalten.
  • Tatsächlich übersetzten Seiteninhalt prüfen.

Eventrouten dokumentieren

Halten Sie Ausgangs-URL, Ausgabe, Zielsprache, gleichwertige URL, Termin- und Ticketdaten sowie fehlende Übersetzungen fest. Klicken Sie jede Route auf einer echten Eventseite durch.

Prüfblatt für den Sprachwechsler herunterladen (CSV)

Quellen und weiterführende Informationen

  1. Website Language Selector: 15 Examples & Best PracticesWeglot · Abgerufen
  2. Three or more languagesU.S. Web Design System · Abgerufen
  3. Language selectorU.S. Web Design System · Abgerufen
  4. Managing multi-regional and multilingual sitesGoogle Search Central · Abgerufen