Wer sich mit Spieloberflächen für den deutschen Markt beschäftigt, stößt bei WinHero schnell auf eine unbequeme Wahrheit: Ein Canvas-Slot sieht auf einem 27-Zoll-Monitor beeindruckend aus, doch sobald Kontrastempfindlichkeit oder Sehschärfe nachlassen, wird die Sache zäh. Der Grund liegt nicht im Design, sondern in der Technik. Die WinHero Web-App läuft über den Safari-Browser, und Canvas zeichnet Pixel, keine Textknoten. Damit ignoriert der Browser die System-Kontrast-Einstellung des Geräts, und Nutzer mit Sehbeeinträchtigung landen beim Browser-Zoom statt bei einer sauberen Lösung. Genau hier liegt der Unterschied zu HTML-basierten Lobby-Ansichten, die sich an die Vorgaben des Betriebssystems halten.
Warum Canvas die Kontrastvorgaben des Systems schlicht übergeht
Ein Canvas-Element ist im DOM ein einziger Kasten. Was darin passiert, weiß der Browser nicht. Er sieht keine Schriftgröße, keine Textfarbe, keinen Kontrastwert, sondern nur eine Bitmap, die das Spiel selbst zusammensetzt. Wenn ein iPhone- oder iPad-Nutzer in den Bedienungshilfen den Kontrast erhöht oder “Farben unterscheiden” aktiviert, greift Safari diese Einstellung für HTML-Text zuverlässig auf. Bei Canvas-Slots bleibt sie wirkungslos, weil das Spiel seine Farbwelt selbst definiert und die Systemvorgabe gar nicht abfragt.
Das ist kein Bug im klassischen Sinn, sondern eine Folge der Rendering-Architektur. Ein Entwickler könnte die Einstellung über CSS-Medienabfragen wie prefers-contrast oder forced-colors auslesen und die Spielfarben anpassen. In der Praxis passiert das bei Canvas-Slots selten, weil die Spielgrafik als Ganzes exportiert und eingebunden wird. Der hohe Kontrast, den die Marketingabteilung feiert, ist ein statischer Wert im Asset, kein dynamischer. Nutzer mit Sehbeeinträchtigung merken das sofort: Die Walzen bleiben, wie sie sind, egal was das Smartphone verlangt.
Der einzige Ausweg bleibt der Browser-Zoom. Zwei Finger auf dem Display, oder Strg plus Mausrad am Desktop, und plötzlich wird die Spieloberfläche lesbar. Das ist ein Notbehelf, kein barrierefreies Konzept. Er verschiebt das Problem vom Spielfeld auf die Zoom-Ebene, und bei einem Canvas-Slot mit festen Koordinaten führt Zoomen oft dazu, dass Bedienelemente aus dem sichtbaren Bereich rutschen oder die Walzenanimation unscharf wird. Wer einmal versucht hat, im gezoomten Zustand einen Einsatz zu bestätigen, kennt den Frust.
Wie HTML-Lobbys die Sitzungsverwaltung lesbar halten
Die WinHero Web-App ist eine Web-App für iOS, und genau dort zeigt sich der Unterschied zwischen Lobby und Spiel. Die Lobby-Ansichten sind HTML-basiert. Sie bestehen aus echten Textknoten, Schaltflächen mit ARIA-Rollen und Stylesheets, die auf Systemeinstellungen reagieren. Wenn ein Nutzer die Schriftgröße im iPhone vergrößert, wächst der Text in der Lobby mit. Wenn er den Kontrast hochdreht, passen sich Rahmen und Beschriftungen an. Das klingt unspektakulär, ist aber der entscheidende Punkt für Barrierefreiheit: Die Oberfläche verhandelt mit dem Betriebssystem, statt es zu ignorieren.
Sitzungsverwaltung als Testfall für echte Zugänglichkeit
Die Sitzungsverwaltung ist ein gutes Beispiel, weil sie zwangsläufig Text enthalten muss: Guthaben, Einsatzlimits, Verlauf, Zeitstempel. In einer HTML-Lobby lassen sich diese Angaben vergrößern, ohne dass das Layout bricht. In einem Canvas-Slot sind sie in die Grafik eingebrannt. Wer hier die Schriftgröße ändern will, muss zoomen, und der Zoom trifft dann auch die Walzen, die Buttons und die Animationen. Ein Nutzer, der nur das Guthaben größer sehen möchte, bekommt eine komplett skalierte Oberfläche, die er wieder zurechtrücken muss. Das ist der Unterschied zwischen einem lesbaren Interface und einem lesbaren Bild.
iOS-Nutzer installieren die Web-App über “Zum Startbildschirm”, und danach verhält sie sich fast wie eine native Anwendung. Das ist bequem, ändert aber nichts an der Canvas-Grenze. Android-Nutzer laden eine Installationsdatei direkt vom Anbieter herunter, weil die App nicht im App Store und nicht bei Google Play verfügbar ist. Auch dort gilt: Der System-Kontrast erreicht die HTML-Teile, nicht die Canvas-Teile. Wer die App über https://winhero-online.de/app/ einrichtet, sollte wissen, welche Bereiche auf Systemeinstellungen reagieren und welche nicht.
Was das für die Wahl zwischen Canvas-Slot und HTML-Lobby bedeutet
Der Betreiber des mobilen Portfolios, die GEFATA CORPORATION S.R.L. mit Sitz in Costa Rica, hat bei der technischen Architektur eine Entscheidung getroffen, die sich nicht ohne Weiteres rückgängig machen lässt. Canvas-Slots liefern dichte Animationen und ein einheitliches Bild auf allen Geräten. HTML-Lobbys liefern Zugänglichkeit, Flexibilität und eine saubere Sitzungsverwaltung. Beide Ansätze haben ihren Preis. Die Frage ist, welchen Preis man tragen will.
Für Nutzer mit Sehbeeinträchtigung ist die Antwort klar. Hohe Kontraste allein genügen nicht, wenn der Browser sie nicht durchreichen kann. Ein Canvas-Slot mit perfekt abgestimmten Farbwerten bleibt für jemanden mit Kontrastempfindlichkeit unlesbar, solange die Systemeinstellung nicht ankommt. Die HTML-Lobby dagegen reagiert, weil sie aus Text besteht. Wer die WinHero App im Alltag nutzt, merkt diesen Unterschied spätestens dann, wenn er zwischen Lobby und Spiel wechselt und die Schrift plötzlich schrumpft.
Ein zweiter Punkt kommt hinzu: Fremde APK-Seiten stellen Gefahren für die Gerätesicherheit dar. Wer die App über winhero-online.de bezieht, umgeht diese Gefahr, aber nicht die Canvas-Grenze. Der offizielle Download schützt vor Malware, nicht vor unlesbaren Walzen. Das sind zwei getrennte Probleme, und beide sollten getrennt gedacht werden. Ein sauberer Bezugskanal ersetzt keine barrierefreie Oberfläche.
Wer die WinHero Web-App testet, sollte den Kontrastmodus des Geräts einschalten und beobachten, wo sich etwas ändert. In der Lobby wird sich etwas tun. Im Canvas-Slot nicht. Genau diese Beobachtung ist der schnellste Weg, die Architektur zu verstehen, ohne ein einziges technisches Dokument zu lesen. Und sie erklärt, warum HTML-basierte Lobby-Ansichten barrierefreier sind als Canvas-Slots: nicht weil sie schöner sind, sondern weil sie mit dem System sprechen. Wer die Schriftgröße im Browser oder in den Bedienungshilfen anpasst, sollte zusätzlich prüfen, ob die Sitzungsverwaltung ihre Werte weiterhin klar anzeigt. Für Fragen zu verantwortungsvollem Spielen lohnt ein Blick auf Check-dein-Spiel und die BZGA, und wer Neuigkeiten zur App verfolgt, findet sie über X unter WinHero_DE.