Architektur des Grossen Kartensaals · Geprüfte Eigenschaften
Konkrete Umsetzung auf dieser Website
Damit du dich auf jeder Seite sicher orientieren kannst, sind die folgenden technischen und gestalterischen Eigenschaften fest im Bauplan von Firnfeste verankert:
01
Semantisches HTML & Hilfstechnologien
Jede Seite besitzt eine eindeutige Hauptüberschrift (<h1>) und eine logisch gestufte Überschriftenhierarchie (<h2>, <h3>) sowie klar benannte Landmarken (<header>, <nav>, <main>, <footer>). Alle Spielporträts und Faktenblöcke sind mit semantischen Beschreibungslisten (<dl>) und aufklappbaren Details-Elementen (<details>) ausgezeichnet.
Sämtliche inhaltstragenden Illustrationen verfügen über beschreibende Alternativtexte auf Deutsch; rein dekorative Hintergründe und Ornamente sind mit leeren Alternativtexten (alt="") für Screenreader ausgeblendet. Externe Links zu den offiziellen Websites der Spiele enthalten einen Hinweis für Screenreader, dass sich ein neues Fenster öffnet.
02
Vollständige Tastatursteuerung & Fokusführung
Alle interaktiven Elemente – von der Hauptnavigation über die Filter- und Sortierwerkzeuge im Festungsrat bis zu den aufklappbaren Quellenangaben und offiziellen Spiel-Links – lassen sich vollständig ohne Maus allein mit der Tastatur (Tab, Umschalt + Tab, Eingabe, Leertaste und Escape) bedienen.
Ganz oben auf jeder Seite befindet sich der Direktlink «Zum Hauptinhalt springen», der beim ersten Tastendruck sichtbar wird. Jedes fokussierte Element erhält einen deutlich sichtbaren, leuchtend eisblauen Fokusring. Alle Schaltflächen und Links wahren eine ausreichende Mindestgrösse für sichere Treffsicherheit auf Berührungsbildschirmen. Zudem bleiben sämtliche Inhalte auch bei deaktiviertem JavaScript vollständig lesbar und zugänglich.
03
Ausreichende Kontraste in hellen und dunklen Bereichen
Unsere Gestaltung verbindet helle Gletschernebel-Höfe mit dunklen Biotit-Gneis-Kammern. In den hellen Bereichen steht tiefdunkle Schrift (#0B1520 und #1B3044) auf ruhigem, eishellem Grund; in den dunklen Steinkammern und Spielkarten steht schneeweisse und eisblaue Schrift (#FFFFFF und #C8D8E6) auf dunklem Gneis (#121E2B und #08121C).
Alle Textpassagen liegen auf ruhigen, gleichmässigen Flächen oder Tafeln und erfüllen die Kontrastanforderungen der Stufe WCAG 2.2 AA (mindestens 4,5 : 1 für Fliesstext und mindestens 3 : 1 für grosse Überschriften sowie Bedienelemente). Informationen werden niemals allein über die Farbe vermittelt.
04
Hero-Video, Pause-Schaltfläche & reduzierte Bewegung
Das Eingangs-Video auf der Startseite ist grundsätzlich vollkommen stummgeschaltet, gibt keinerlei Ton aus und besitzt direkt im Bildbereich eine jederzeit erreichbare Schaltfläche zum Pausieren und erneuten Abspielen.
Wenn du in deinem Betriebssystem oder Browser die Einstellung für reduzierte Bewegung (prefers-reduced-motion: reduce) aktiviert hast, wird das Video nicht geladen oder abgespielt, sondern automatisch durch ein ruhiges Standbild ersetzt; ebenso werden sämtliche dekorativen Licht- und Schwebe-Animationen auf der gesamten Website angehalten.