Damit du das Flugdeck, den Gefechts-Leitstand und alle rechtlichen Dossiers zuverlässig mit unterschiedlichen Eingabegeräten, Bildschirmgrössen und unterstützenden Technologien (wie Screenreadern oder Bildschirmlupen) bedienen kannst, setzt Donnerfalke folgende konkrete Massnahmen um:
Das Gestaltungssystem kombiniert helle Kalkstein-Tafeln («Tageslicht-Oberflächen» mit tiefschwarzer Schrift #0B0F14 auf #EEF2F6 / #DDE3EA) mit dunklen Geschützstahl-Modulen und der nächtlichen Maschinenbucht (weisse und eisblaue Schrift #FFFFFF / #E2EAF2 auf #161C22 / #101419). Sowohl auf den hellen wie auf den dunklen Flächen wird das Kontrastverhältnis von mindestens 4,5:1 für Fliesstext und 3:1 für grosse Überschriften und Bedienelemente eingehalten. Keine Schrift auf der gesamten Website ist kleiner als 12px.
Sämtliche interaktiven Elemente — einschliesslich des Sprunglinks «Direkt zum Hauptinhalt springen» am Seitenanfang, des mobilen Leitstand-Menüs, der ausklappbaren Quellenangaben in den Faktenblöcken (<details>) sowie aller externen Spiel-Schaltflächen — lassen sich ausschliesslich per Tastatur (Tab, Shift + Tab, Enter, Leertaste) erreichen und auslösen. Jedes fokussierte Element erhält einen deutlich sichtbaren, dreipixeligen Messing-Fokusrahmen (#F7D888) mit dunklem Kontrastschatten.
Das grossformatige Eröffnungsvideo auf der Startseite ist vollständig stummgeschaltet (enthält keine Tonspur) und verfügt rechts oben über eine jederzeit per Maus, Touch oder Tastatur bedienbare Schaltfläche zum Pausieren und Fortsetzen. Wenn du in deinem Betriebssystem oder Browser die Einstellung «Bewegung reduzieren» (prefers-reduced-motion: reduce) aktiviert hast, wird das Video automatisch durch das hochauflösende Standbild ersetzt, und sämtliche Scroll- oder Übergangsanimationen auf der Website werden deaktiviert.
Jede Seite nutzt standardkonformes, semantisches HTML mit eindeutigen Regionen (<header>, <nav>, <main id="main">, <section>, <article>, <footer>) sowie einer lückenlosen Überschriftenstruktur von genau einer <h1> über <h2> bis <h3>. Die Faktenstreifen der Spiele sind als semantische Beschreibungslisten (<dl>, <dt>, <dd>) ausgezeichnet; Vergleichstabellen im Gefechts-Leitstand verwenden korrekte Spaltenköpfe (<th scope="col">).
Alle inhaltstragenden Illustrationen — wie die neun Spiel-Cover und die Szenenbilder aus Leitstand und Werkstatt — besitzen präzise deutsche Alternativtexte (alt), die das dargestellte Motiv für Screenreader-Nutzerinnen und -Nutzer beschreiben. Rein dekorative Rahmen, Zahnräder, Wappen-Ornamente und Hintergrundtafeln sind konsequent mit leerem Alternativtext (alt="") oder aria-hidden="true" versehen, damit der Lesefluss nicht durch irrelevante Grafikdateien unterbrochen wird.
Die gesamte Website passt sich stufenlos an jede Bildschirmbreite von 320px (kompaktes Smartphone) bis zu grossen Desktop-Monitoren an und lässt sich problemlos auf 200 % Textgrösse zoomen, ohne dass Inhalte abgeschnitten werden. Alle Links und Schaltflächen weisen eine Mindest-Trefferfläche von 24 × 24 Pixeln auf. Zudem sind sämtliche Texte, Navigationselemente, Faktenblöcke und weiterführenden Links auch dann vollständig lesbar und bedienbar, wenn JavaScript im Browser deaktiviert ist.
