🦇🤪 Kleiner Fehler - große Auswirkung 😮🫣

Wer viel baut und verbessert, greift auch mal im Eifer des Gefechts daneben – genau das ist mir kürzlich bei den englischen Seiten von paderbats.org passiert.

Während die Übersetzungen der Unterseiten und das dreiseitige Methodik-PDF bereits sauber auf dem Server lagen, wunderten sich internationale Besucher (unter anderem aus den USA und Italien) vermutlich über eine seltsame Sprach-Mischung im Kopfbereich der Webseite. Der Grund war ein klitzekleiner, aber wirkungsvoller Fehler im Quellcode:

<!-- FALSCH (Deutsche Navigation auf englischer Seite): -->
<div id="nav-placeholder"></div>
<script src="nav.js"></script>

<!-- RICHTIG: -->
<div id="nav-placeholder"></div>
<script src="nav_en.js?v=2"></script>

Ich hatte bei den Aufrufen in den englischen _en.html-Dateien schlicht das kleine Kürzel _en beim Dateinamen des JavaScripts vergessen! Dadurch lud der Browser zwar den englischen Inhalt der Seite, setzte oben drüber aber stur die deutsche Navigationsleiste.

Um die Sache vollends abzurunden, spielte uns dann auch noch der Browser-Cache einen kleinen Streich. Erst durch das Anhängen eines Versions-Parameters (?v=2) wurden Server und Browser gezwungen, die frisch korrigierten Skripte sofort neu zu laden.

Zusätzlich hat der Sprachumschalter (EN / DE) jetzt auf allen Seiten einen kräftigen, grünen Button-Stil bekommen, damit internationale Forscher auf den ersten Blick sehen, wie sie zwischen den Sprachen wechseln können.

Fazit: Kleine Ursache, große Wirkung – aber nun läuft der zweisprachige Auftritt für das NEXUS-Projekt felsenfest und barrierefrei! 🦇✨