Zum Inhalt springen

Tastatur & Barrierefreiheit

Die Oberfläche lässt sich vollständig mit der Tastatur bedienen, und sie ist für Screenreader aufgebaut: Landmarken, beschriftete Bedienelemente, Überschriften in Reihenfolge, Live-Ansagen bei Seitenwechseln und Meldungen, Kontraste nach WCAG 2.1 AA in beiden Farbmodi.

? öffnet jederzeit die Übersicht aller Kürzel - auch über die Schaltfläche ? oben rechts in der Leiste und den Link in der Fußzeile. Die Übersicht zeigt zusätzlich die Kürzel der gerade geöffneten Seite.

Kürzel gelten in der angemeldeten Oberfläche, solange kein Eingabefeld den Fokus hat. Wer tippt, tippt Buchstaben - nur Speichern (Strg+S bzw. ⌘S) greift auch im Feld. Auf dem Anmeldebildschirm sind die Kürzel aus: Dort gibt es nichts anzuspringen, und die Schaltfläche dafür erscheint ebenfalls erst nach der Anmeldung.

Zwei Tasten nacheinander: erst G, dann der Buchstabe der Seite.

KürzelZiel
G DDashboard
G GGruppen
G ULinux-Benutzer
G SSicherheit
G CDocker
G JJobs
G EEinstellungen
G AMein Konto
G HDoku

Seiten, für die das Konto keine Rechte hat, fehlen in der Übersicht und reagieren nicht.

KürzelWirkung
?Kürzel-Übersicht öffnen oder schließen
/In das Suchfeld der Seite springen
Strg+S / ⌘SFormular speichern
EscDialog oder Menü schließen
← →In der Hauptnavigation und in Tabellenzeilen zwischen Bedienelementen wandern
↑ ↓In Menüs zwischen Einträgen, in Tabellen zwischen Zeilen wandern
Pos1 / EndeErster / letzter Eintrag eines Menüs
Tab / Umschalt+TabNächstes / voriges Bedienelement

Schaltflächen mit eigenem Kürzel tragen es als kleines Abzeichen direkt am Namen - „+ Server hinzufügen N”. Das Abzeichen zeigt die Taste, die die Schaltfläche auslöst; die Übersicht (?) listet alle Kürzel der Seite unter Auf dieser Seite. Die Abzeichen lassen sich dort abschalten; die Wahl merkt sich der Browser.

KürzelWirkung
NNeu anlegen: Server, Gruppe, Linux-Benutzer, Profil, Regel, Kanal, Anwendung, Repository, Allowlist, Custom-Aktion
USicherheit: alle VMs aktualisieren
/Suchfeld: Dashboard (Name), Jobs, Pakete eines Servers, Regelbausteine
  • Sprunglink. Das erste Tab auf jeder Seite trifft „Zum Inhalt springen” - ein Druck auf Enter überspringt die Navigationsleiste.
  • Seitenwechsel. Nach einem Wechsel steht der Fokus im Inhalt, der Fenstertitel nennt die Seite („Jobs · LCM”), und ein Screenreader liest den Seitennamen vor.
  • Dialoge. Ein geöffneter Dialog nimmt den Fokus auf (erstes Feld), Tab bleibt darin, Esc schließt ihn, und der Fokus kehrt zur auslösenden Schaltfläche zurück.
  • Meldungen. Erfolgsmeldungen werden höflich nachgereicht, Fehler unterbrechen - über zwei getrennte Live-Regionen.
  • Fokus sichtbar. Der Tastaturfokus ist als kräftiger Ring zu sehen, auch auf der dunklen Topleiste. Mausklicks zeigen keinen Ring.

Alle Texte erreichen 4,5:1 (WCAG AA) - im hellen wie im dunklen Modus, auch auf den gelb und rot getönten Tabellenzeilen der Sicherheitsübersicht. Wer im Betriebssystem weniger Bewegung eingestellt hat, bekommt keine Einblend- und Schwebe-Animationen.

Der Testlauf prüft die wichtigsten Seiten in beiden Farbmodi mit axe-core gegen WCAG 2.1 AA (frontend/e2e/a11y.spec.js) und die Tastaturbedienung mit Playwright (frontend/e2e/hotkeys.spec.js). Ein neuer Verstoß fällt im Testlauf auf, nicht erst beim Anwender.