Bedienung und Barrierefreiheit
Die Website soll möglichst vielen Menschen zugänglich sein. Als Orientierung dienen die WCAG 2.2 auf Stufe AA. Eine vollständige Konformität oder Zertifizierung wird nicht behauptet.
Navigation und Darstellung
Mit der Tabulatortaste erreichst du Links und Bedienelemente. Der erste Link „Zum Inhalt springen“ überspringt die Navigation. Links lassen sich mit Enter öffnen; Schaltflächen mit Enter oder der Leertaste bedienen. Ein sichtbarer Rahmen zeigt die aktuelle Tastaturposition.
Die Inhalte sind auch ohne JavaScript lesbar. Die Darstellung passt sich schmalen Bildschirmen an. Du kannst die Seite mit den Vergrößerungsfunktionen deines Browsers vergrößern. Das Reko-Labs-Logo auf der Startseite lässt sich per Klick, Fingertipp, Enter oder Leertaste in seine Bestandteile zerlegen und wieder zusammensetzen. Escape setzt es zusammen. Mit einer Maus reagiert das Logo leicht auf die Zeigerposition. Bei reduzierter Bewegung und unterstütztem Datensparmodus entfallen die räumliche Bewegung und die Übergänge. Ohne JavaScript bleibt das vollständige Logo sichtbar. „Projekte entdecken“ führt direkt zum Projektbereich.
Bilder und Videos
Inhaltliche Bilder haben Textbeschreibungen. Im historischen Gameflipping-Projekt ergänzen ausführliche Beschreibungen die Bildschirmaufnahmen. Vergrößerte Bildansichten lassen sich mit Escape schließen; die Tastaturposition kehrt anschließend zur auslösenden Schaltfläche zurück.
Die Videos starten erst nach deiner Auswahl und lassen sich über die Bedienelemente pausieren. Sie haben keinen Ton. Beim historischen Gameflipping-Video steht direkt darunter eine Textbeschreibung mit Zeitabschnitten und den gezeigten Ergebnissen. Bei den Batman-, Joker- und Zelda-Videos auf der BombenTimer-Seite beschreibt der Text unter jedem Player die sichtbare Handlung.
Projektvorschauen
Die Beispielansichten von Privora und AgentForge lassen sich über beschriftete Schaltflächen umschalten. Die gewählte Ansicht wird auch als Text mitgeteilt. Ohne JavaScript stehen alle Ansichten untereinander. Die AgentForge-Vorschau zeigt vorbereitete Beispieldaten; ihre App-Bedienelemente sind keine ausführbare Anwendung. Die Verlaufstabelle lässt sich bei schmaler Darstellung seitlich scrollen und mit der Tabulatortaste erreichen.
Musik im Entstehen
Die ersten neun Tracks des Albums „Asozial“ lassen sich direkt anhören. Die Wiedergabe startet erst nach deiner Auswahl. Über den Audioplayer kannst du pausieren, die Position im Titel ändern und – soweit dein Browser dies anbietet – die Lautstärke einstellen. Die Titel folgen in fester Reihenfolge aufeinander; nach dem neunten endet die Wiedergabe. Ohne JavaScript stehen einzelne Audioplayer bereit.
Das Albumcover lässt sich wie eine CD-Hülle öffnen. Innen erscheinen ein Ganzkörperfoto und die CD mit einem schwarzen Asozial-Aufdruck. Die Bilder der Innenseite werden beim ersten Öffnen nachgeladen; währenddessen erscheint ein Ladehinweis. Die neun Songtitel stehen außerhalb der Hülle und lassen sich auch bei geschlossener Hülle auswählen. Mit der Taste neben einem Titel kannst du ihn abspielen, pausieren und fortsetzen. Die Schaltfläche zum Öffnen funktioniert mit Enter oder der Leertaste; wenn sie den Tastaturfokus hat, schließt Escape die Hülle oder bricht das Öffnen ab. Der Zustand wird auch als Text mitgeteilt. Bei reduzierter Bewegung wechselt die Ansicht ohne Animation. Das Öffnen der Hülle startet keine Musik. Auf schmalen Bildschirmen klappt die Hülle nach unten auf; die Songliste steht darunter. Ohne JavaScript oder bei fehlender Unterstützung für die Gestaltung bleiben das vollständige Frontcover, die über „Innenseite und Disc ansehen“ erreichbaren Bilder und einzelne Audioplayer verfügbar.
Lesbare Songtexte fehlen derzeit und werden später ergänzt. Dadurch sind die gesungenen Inhalte aktuell nicht als gleichwertige Textalternative zugänglich.
Prüfstand und Rückmeldung
Letzte technische Prüfung: . Geprüft wurden alle neun Seiten auf Grundstruktur und Textkontraste sowie in schmalen Ansichten und mit 200 Prozent Schriftgröße. Die zentralen Bedienabläufe wurden im Chromium-Browser mit der Tastatur geprüft: Navigation, Songauswahl, CD-Hülle, Projektvorschauen und Bildvergrößerung. Beim Songwechsel bleibt die Tastaturposition jetzt auch am Anfang und Ende des Albums erhalten. Beschriftungen der Bildwechsel-Tasten und des CD-Ladehinweises wurden angeglichen. Die Aufdrucke auf der CD-Innenseite skalieren mit der Hülle, damit sich ihre Texte bei vergrößerter Schrift nicht überlagern. Die Bedienknöpfe und Beschreibungstexte bleiben unabhängig davon vergrößerbar. Unter „Cover und Innenseite als Text“ kannst du die Beschriftung und Bildbeschreibung auch als normalen, vergrößerbaren Text lesen.
Die technische Prüfung von Beschriftungen und Zuständen ersetzt keinen Test mit Sprachausgabe. Eine praktische Prüfung mit VoiceOver auf iPhone/Safari sowie NVDA unter Windows/Firefox steht noch aus. Native Audio- und Videosteuerungen können sich je nach Browser unterscheiden. Die fehlenden Songtexte bleiben eine bekannte Barriere; eine vollständige WCAG-Konformität wird nicht behauptet.
Wenn du auf eine Barriere stößt, beschreibe bitte die betroffene Seite und – soweit möglich – deinen Browser oder dein Hilfsmittel: rekolabs.kontakt@gmail.com.
