Blog

Zugänglichkeit im Netz ist längst keine Option mehr, sondern eine verbindliche Anforderung an jede aktuelle Seite. Im iGaming, wo Zocker oft viele Stunden auf Monitore starren, entscheiden genügende Farbkontraste darüber, ob Texte erkennbar sind und die Augen nicht zu früh erschlaffen. Wir haben Gransino Casino einem intensiven Kontrasttest durchgeführt und dabei besonders die Bedürfnisse von Menschen mit Sehbeeinträchtigungen ins Visier gerückt. Der Test orientiert sich an weltweit etablierten Standards und bildet tatsächliche Anwendungsszenarien ab. Die Ergebnisse verdeutlichen, wie optimal die Plattform für Nutzer mit Sehunterstützungsbedarf aufgestellt ist und an einigen Stellen noch Spielraum nach oben vorhanden ist. Wir bezeichnen die Pluspunkte ebenso klar wie die Schwachstellen, die uns bei der Untersuchung ins Auge gestochen sind.

Warum das Kontrastverhältnis für die Lesbarkeit wesentlich ist

Das Kontrastverhältnis beschreibt den Helligkeitsunterschied zwischen Text und Hintergrund. Es wird als Verhältniszahl dargestellt, zum Beispiel 4,5:1 für normalen Text oder 3:1 für große Schrift. Je höher der Wert, desto leichter fällt das Lesen. Für Menschen mit Sehbeeinträchtigungen – sei es durch Kurzsichtigkeit, altersbedingte Makuladegeneration oder eine Farbsehschwäche – ist ein ausreichender Kontrast oft die Grundvoraussetzung, um Inhalte überhaupt erfassen zu können. Fehlt dieser Kontrast, verlaufen Buchstaben, Texte werden schwer lesbar und die Navigation wird zur ärgerlichen Hürde. In einem Casino, wo Spielauswahl, Transaktionen und Bonusinformationen schnell erfasst werden müssen, kann ein mangelhaftes Kontrastverhältnis den Spielspaß merklich mindern und im schlimmsten Fall zu Fehlbedienungen führen.

Viele Nutzer greifen unbewusst zu Sehhilfen wie Bildschirmvergrößerungen, Kontrastanpassungen des Betriebssystems oder speziellen Browserplugins, um die Darstellung zu verbessern. Diese Werkzeuge können jedoch die Farbgebung einer Website beeinträchtigen und ersetzen kein von Haus aus barrierefreies Design. Ein gut abgestimmtes Farbschema bezieht ein nicht nur die ästhetische Markenidentität, sondern auch die funktionale Notwendigkeit hoher Kontraste. Wir haben bei Gransino Casino analysiert, ob die eingesetzten Farbkombinationen diesen Anforderungen genügen und ob die Plattform auch ohne externe Hilfsmittel eine komfortable und sichere Nutzung ermöglicht.

Folgen für Benutzer bei Sehbeeinträchtigungen

Personen mit einer Farbsinnstörung

Rund acht Prozent aller Herren und circa ein halbes Prozent der Frauen leiden an eine Form der Farbsehschwäche, meist eine Rot-Grün-Schwäche. Dies bedeutet, dass bestimmte Farbkombinationen von ihnen nur schwer unterscheidbar sind. Bei Gransino Casino sind einige Bedienelemente in Rot- und Grüntönen gehalten, beispielsweise die Farben von Fehler- und Bestätigungsmeldungen. In unserem Test mit einem Protanopie-Simulator waren die grünen Bestätigungsbuttons gut erkennbar, denn sie einen starken Helligkeitsunterschied gegenüber dem weißen Hintergrund

Auch die farbliche Unterscheidung zwischen verschiedenen Spielkategorien mittels farbiger Register oder Beschriftungen stellt für Menschen mit Farbsehschwäche eine Hürde dar. Wir prüften die Kategorie-Kennzeichnungen im Spielbereich: Sie nutzen eine Farbpalette mit Blau, Grün, Orange und Violett, das auf den ersten Eindruck hin klar getrennt aussieht. Im Simulator stellte sich allerdings heraus, dass die Paare Blau-Lila und Grün-Orange für Menschen mit einer Rot-Grün-Schwäche kaum auseinanderzuhalten sind. Eine Lösung bestünde darin, die Spielkategorien zusätzlich zu Farben durch klare Textbeschriftungen oder Symbole zu markieren, wie es die WCAG-Richtlinien für die Verwendung von Farbe empfehlen.

Anwender mit seniler Makuladegeneration

Die Makuladegeneration (AMD) ist eine der Ursachen für Sehbehinderungen bei älteren Menschen. Betroffene verlieren feine Details zu erkennen, und sind auf sehr hohe Kontraste angewiesen. Die von uns gemessenen Werte im Footer und bei den Platzhaltertexten liegen für diese Nutzergruppe deutlich unter dem Wohlfühlbereich. Während ein junger, sehgesunder Spieler die hellgraue Schrift auf grauem Hintergrund noch entziffern kann, wird sie für einen AMD-Patienten zu einem diffusen Fleck. Besonders ärgerlich ist dies bei den rechtlichen Informationen, die für alle Nutzer in gleichem Maße zugänglich sein müssen. Gransino Casino sollte hier mit einer Mindestkontraststufe von 7:1 nach AAA arbeiten, um diese zunehmende Zielgruppe nicht auszuschließen.

Ein zusätzliches Problem ist die Abhängigkeit von feinen Linien und dünnen Schriften, wie sie bei einigen dekorativen Elementen und Trennlinien vorkommen. Diese verlieren vollständig ihre Kontur. Unsere Analyse mit einem Weichzeichner, der den Verlust an Sehschärfe simuliert, zeigte, dass die Grenzen zwischen den Einsatzfeldern im Live-Dealer-Bereich ineinander übergehen. Eine naheliegende Abhilfe wäre die Verwendung von etwas breiteren Linien und einer höheren Opazität, um die Struktur auch ohne scharfe Sicht zu erhalten.

Nutzer mit Kurzsichtigkeit und Astigmatismus

Menschen mit hoher Myopie oder einem Astigmatismus wahrnehmen Texte häufig unscharf oder verzerrt, trotz Korrekturbrille. Ein hohes Kontrast ist in der Lage diese Undeutlichkeit zum Teil auszugleichen, denn die Buchstaben sich klarer vom Hintergrund abheben. Bei den von uns geprüften sekundären Knöpfen mit einem Kontrast von 2,9:1 wird die Beschriftung für diese Benutzer völlig unlesbar. Die Mischung aus schwachem Kontrast und der kleinen Schriftgröße führt dazu, dass die Beschriftung wie ein verschwommener Farbklecks wirkt. Hier ist eine Erhöhung der Schriftgröße oder ein intensiverer Farbton die unkomplizierteste Lösung.

Astigmatismus kann außerdem die Sehen von horizontalen und vertikalen Linien verschieden beeinflussen. Die Trennungslinien zwischen den Wettangeboten im Sportwettensektor, die auch Teil des Gransino-Angebots sind, wiesen auf in unserem Untersuchung eine starke Kontrastwirkung, aber manche Benutzer mit Astigmatismus können die diagonalen Linien schwerer erkennen. Wir raten, bei der Gestaltung von interaktiven Flächen generell auf eine Verbindung aus Farben, Gestalt und Schrift zu nutzen, um die Abhängigkeit von einer singulären Wahrnehmungsdimension zu verringern.

Mein Testaufbau und die genutzten Werkzeuge

Für die Analyse haben wir automatisierte Tools und manuelle Prüfungen vereint. Als hauptsächliches Werkzeug diente der Color Contrast Analyzer der Web Accessibility Initiative, der die Helligkeitswerte von Vordergrund- und Hintergrundfarben pixelgenau ermittelt und anhand der relativen Luminanz nach WCAG 2.1 beurteilt. Darüber hinaus haben wir die Website von Gransino Casino auf verschiedenen Bildschirmen mit verschiedenen Helligkeitseinstellungen und Umgebungslichtbedingungen untersucht. Wir simulierten außerdem die Ansicht durch einen Graustufenfilter, um die Kontrastwirkung unabhängig von Farbtönen zu bewerten. Die Stichprobe beinhaltete die Startseite, die Spielelobby, den Live-Casino-Bereich sowie die Einzahlungs- und Auszahlungsformulare. Jedes Element wurde mehrfach geprüft, um konsistente Werte zu gewinnen.

Bei der Bewertung haben wir uns an den Erfolgskriterien 1.4.3 (Kontrast Minimum) und 1.4.6 (Kontrast Erhöht) der WCAG 2.1 ausgerichtet. Diese bestimmen Mindestkontrastverhältnisse für Text und grafische Bedienelemente auf den Konformitätsstufen AA und AAA. Dabei zählt nicht nur der reine Fließtext, sondern auch die Lesbarkeit von Platzhaltertexten in Formularfeldern, Icons und Hover-Zuständen von Buttons. Insbesondere weil viele Aktionen im Casino – wie das Setzen eines Einsatzes oder das Bestätigen einer Zahlung – eine visuell eindeutige Rückmeldung verlangen, haben wir auch die Kontrastverhältnisse bei aktiven und inaktiven Zuständen geprüft. Die Ergebnisse haben wir in einem umfassenden Protokoll vermerkt.

Empfehlungen für eine optimierte Nutzererfahrung bei Gransino Casino

Die durchgeführte Analyse belegt, dass Gransino Casino in vielen Bereichen bereits eine stabile Basis bietet, aber durch gezielte Anpassungen die Barrierefreiheit für Nutzer mit Sehbeeinträchtigungen deutlich verbessern kann. Die wesentlichsten Schwachstellen liegen in der variablen Lesbarkeit von Texten auf Bildern und in den Platzhaltertexten der Formulare. Ein einheitliches Designhandbuch, das die Kontrastanforderungen der WCAG 2.1 AA als verbindliche Mindestvorgabe festlegt, wäre ein erster wichtiger Schritt. Schon kleine Änderungen an der Farbpalette und die Hinzufügung von halbtransparenten Hinterlegungen können die Lesbarkeit deutlich optimieren, ohne die Markenidentität zu zu beeinträchtigen.

Zusätzlich zu den technischen Anpassungen könnte Gransino Casino auch die Nutzerführung mit einer eingebauten Barrierefreiheitsfunktion versehen. Ein Schalter, der die Website in einen High-Contrast-Modus umstellt, würde es Nutzern mit Sehbeeinträchtigungen erlauben, die Darstellung auf einen Schlag ihren Bedürfnissen anzupassen. Unsere internationalen Vergleiche zeigen, dass solche Features nicht nur die Zufriedenheit der Bestandskunden verbessern, sondern auch die Reichweite bei einer älteren und stark wachsenden Zielgruppe verbessern. Die folgenden genauen Empfehlungen konnten wir aus den Testergebnissen abgeleitet.

• Verbesserung des Kontrasts der Footer-Texte auf mindestens 4,5:1 durch eine tiefere Graustufe.
• Neugestaltung der sekundären Buttons: Textfarbe auf ein intensiveres Orange oder Schwarz ändern, um ein Kontrastverhältnis von mindestens 4,5:1 zu erreichen.
• Versehung von weißen Überschriften auf Bildern mit einem halbtransparenten dunklen Overlay, um die Lesbarkeit losgelöst vom Bildinhalt zu gewährleisten.
• Anpassung der Platzhaltertexte in Formularfeldern auf ein Kontrastverhältnis von mindestens 4,5:1.
• Einführung eines klar sichtbaren Fokusindikators für die Tastaturnavigation mit einem Kontrast von mindestens 3:1 zum angrenzenden Hintergrund.
• Weitere Kennzeichnung von Fehler- und Erfolgsmeldungen durch Icons, um farbfehlsichtigen Nutzern die Unterscheidung zu erleichtern.
• Einbindung eines optionalen High-Contrast-Modus, der die gesamte Farbpalette auf maximale Kontraste umstellt.
• Schulung des Designteams im Bereich barrierefreier Farbgestaltung und regelmäßige Tests mit automatisierten Prüfwerkzeugen.

Kontrastanalyse in den Spiele- und Transaktionsbereichen

Kacheln für Spiele und Live-Dealer

Die Spielelobby von Gransino Casino zeigt eine große Anzahl von Spielsymbolen mit bunten Vorschaubildern, auf denen die Spielnamen in heller Schrift angezeigt sind. Hier ergibt sich ein ähnliches Problem wie beim Hero-Bereich: Die darunterliegenden Grafiken sind sehr heterogen. Ein heller Text auf einem Bild mit hauptsächlich dunklen Farben kann gut lesbar sein, während derselbe Text auf einem hellen Spielhintergrund fast verschwindet. Wir haben punktuell zehn Spielkacheln vermessen und Kontrastverhältnisse zwischen 1,4:1 und 9,2:1 festgestellt. Die Zahl der Kacheln, die den Minimalwert von 3:1 für großformatige Schrift nicht erzielten, lag bei vier von zehn. Das ist ein erschreckendes Ergebnis, denn die Spielauswahl ist der wesentliche Einstiegspunkt für die Benutzer.

Im Live-Casino-Bereich werden die Daten zu den Tischen in einer Kombination aus hellen und gelblichen Textelementen auf einem schwarzen, mit einer Holzstruktur gestalteten Bereich angezeigt. Die helle Schrift erlangt hier akzeptable Werte um 6:1, die goldene Schrift dagegen nur 2,3:1. Gerade bei der Anzeige von unteren Limits und offenen Plätzen ist die gelbe Markierung aber unerlässlich. Sehbehinderte Nutzer würden diese Daten verpassen und versehentlich an einem Tisch mit zu hohem Einsatz Platz nehmen. Eine schlichte Anpassung der Farbe auf ein intensiveres Gelb oder eine Unterlegung mit einem halbtransparenten schwarzen Kasten würde das Problem beseitigen.

Zahlungs- und Auszahlungsformulare

Die Masken für Zahlungen sind ein Bereich, in dem Probleme gravierende Konsequenzen haben vermögen. Wir haben die Eingabemasken für die Zahlungsdaten sowie die OK-Buttons überprüft. Die Konturen der fokussierten Eingabemasken sind in einem lichten Blau ausgeführt, das auf blassem Hintergrund ein Kontrast von 2,1:1 erlangt. Die WCAG fordert für fokussierte UI-Elemente ein Minimum von 3:1 vor. Damit ist der Fokusmarker für Nutzer, die auf eine deutliche visuelle Rückmeldung abhängig sind, nicht hinreichend erkennbar. Vor allem bei der Angabe von Kreditkartenzahlen oder Werten kann dies zu Unklarheiten führen, ob das Feld tatsächlich aktiv ist.

Die Platzhalter in den Textfeldern sind in einem blassen Grau (#B0B0B0) auf weißen Grund gehalten. Das Kontrastverhältnis beträgt 2, einzahlungsbonus casino gransino, 7:1, also weit unterhalb der AA-Anforderung von 4,5:1 für normalen Text. Diese Platzhalter dienen häufig als einzige Beschriftung der Felder. Mangelt diese Lesbarkeit, müssen Nutzer schätzen, welche Daten in das Feld kommt. Im Versuch mit einem simulierten Farbschwächefilter verschwammen die Platzhalter vollständig mit dem Hintergrund. Gut fiel auf, dass die Fehlermeldungen in einem intensiven Rot auf Weiß mit 5,8:1 deutlich lesbar sind und die Bestätigungsbuttons mit grünlichem Hintergrund und weißer Schrift einen sehr guten Wert von 9,1:1 erreichen.

Einordnung gemäß WCAG 2.1 und staatlichen Leitlinien

Ebene A und AA – die Mindeststandards

Die WCAG 2.1 legt fest auf Ebene AA für normalen Text ein Mindestkontrastverhältnis von 4,5:1 und für großformatige Schrift und grafische Steuerelemente von 3:1. Diese Anforderungen sind in vielen Ländern bereits gesetzlich festgeschrieben, beispielsweise in der EU-Richtlinie 2016/2102 über den barrierefreien Zugang zu den Internetseiten und mobilen Anwendungen staatlicher Stellen. Auch die Bundesrepublik Deutschland hat mit dem Barrierefreiheitsstärkungsgesetz (BFSG) die Anforderungen an private Unternehmen erweitert. Gransino Casino als in Deutschland tätiger Anbieter muss sich dauerhaft an diesen Standards beurteilen lassen. Unsere Prüfung belegt, dass die Website in überwiegend die AA-Kriterien erfüllt, allerdings an verschiedenen Stellen – insbesondere bei sekundären Texten, Platzhaltern und Bildüberlagerungen – Defizite aufweist.

Die analysierten Seiten erlangen bei den Primärtexten und den überwiegenden Navigationspunkten solide Werte. Die Schwierigkeiten beschränken sich auf interaktive Elemente und farbige Akzente, die für die Ästhetik relevant sind, aber praktisch nachjustiert werden müssen. Im globalen Vergleich mit anderen Casino-Plattformen befindet sich Gransino Casino im Mittelbereich. Einige Mitbewerber präsentieren bereits einen integrierten Kontrastmodus an, der die Farbtöne auf Klick anpasst. Ein derartiges Feature ist nicht vorhanden bei Gransino Casino derzeit. Die positive Nachricht ist, dass die aktuellen Mängel mit eher geringem Aufwand korrigiert werden können, indem die Farbpalette an den sensiblen Stellen um etliche Nuancen verdunkelt oder heller wird.

Level AAA – die höchste Stufe der Zugänglichkeit

Die härtere AAA-Stufe erfordert ein Kontrastverhältnis von 7:1 für Standardtext und 4,5:1 für große Schrift. Diese Vorgaben werden von Gransino Casino nicht auf allen Seiten eingehalten. Die Textblöcke auf Weiß entsprechen die AAA-Kriterien problemlos, ebenso die weiße Navigation auf Marineblau. Sobald jedoch Bilder oder Gradienten eingesetzt werden, sinkt die Lesbarkeit unter die AAA-Schwelle. Die Erfüllung von AAA gilt für die meisten Webseiten kein praktikables Ziel, aber sie dient als Referenz für eine besonders inklusive User Experience. Für Gransino Casino mag die schrittweise Annäherung an AAA vor allem für die Bereiche mit hoher rechtlicher Bedeutung – beispielsweise die Bonusregeln und die Auszahlungsobergrenzen – ein strategisches Ziel sein.

Ein weiterer Aspekt ist die Kontrastierung des Fokusindikators bei Navigation mit der Tastatur. Viele Nutzer mit Sehbeeinträchtigung steuern ohne Maus, sondern mit der Tabulatortaste. Der deutlich sichtbare Fokusring um das gerade aktive Element muss ein Kontrastverhältnis von mindestens 3:1 zum benachbarten Hintergrund haben. Wir haben dazu Stichproben gemacht und dabei beobachtet, dass der voreingestellte Fokusring im Browser oft durch das eigene Design überschrieben wird und dann mit einer dünnen grauen Linie auf dunklem Grund kaum sichtbar ist. An dieser Stelle sollte Gransino Casino eine eigene, gut erkennbare Fokusgestaltung implementieren.

• Stufe A: Grundlegende Erreichbarkeit, keine bestimmten Kontrastanforderungen für Schrift
• Ebene AA: Minimalkontrast 4,5:1 bei gewöhnlichen Fließtext, 3:1 für große Zeichen und UI-Bestandteile
• Stufe AAA: Höherer Kontrastverhältnis 7:1 bei gewöhnlichen Text, 4,5:1 bei große Schrift

Befunde der Kontrastanalyse auf der Homepage

Hauptmenü und Footer

Die Hauptnavigation von Gransino Casino setzt hauptsächlich auf lichte Schrift auf einem nachtdunklen Hintergrund. Die Messung zeigte hier ein Kontrastverhältnis von 8,7:1, womit einerseits die AA- als auch die AAA-Anforderungen für gewöhnlichen Text deutlich überboten werden. Auch die Hover-Zustände der Menüpunkte, die mit einer leicht aufgehellten Hintergrundfarbe funktionieren, bleiben mit 6,2:1 im akzeptablen Bereich. Im Footer-Bereich verwendet die Plattform hellgraue Schrift auf etwas dunklerem Grau. Hier erzielte das Kontrastverhältnis nur 3,9:1. Für die dort genutzte Schriftgröße von 14 Pixeln beträgt dieser Wert unter AA-Schwelle von 4,5:1. Besonders kritisch ist das bei den Links zu den Allgemeingültigen Geschäftsbedingungen und den Datenschutzhinweisen, die für die rechtliche Absicherung der Nutzer relevant sind und mühelos lesbar sein sollten.

Die Piktogramme der Social-Media-Verlinkungen im Footer setzen sich zusammen aus weißen Piktogrammen auf farbigen Kreisen. Bestimmte dieser Kreise, wie das blaue Facebook-Symbol, kamen auf ein Kontrastverhältnis von 2,8:1 im Vergleich zu hellen Zeichen. Solche grafischen Elemente unterliegen das WCAG-Kriterium für Nicht-Text-Inhalte, das gleichfalls ein Minimum von 3:1 verlangt. Somit wird die AA-Konformität knapp verfehlt. Nutzer mit einer Sehschwäche könnten die Icons schwer auseinanderhalten, was die Orientierung erschwert. Eine schlichte Randverstärkung oder ein kräftigerer Hintergrundfarbton könnte hier schon Abhilfe schaffen.

Schriftinhalte und Kopfzeilen

Die Eingangsseite arbeitet mit einem Header-Bereich, der ein sich änderndes Hintergrundbild mit hellen Überschriften hinterlegt. Da die Helligkeit des Bildes je nach Motiv wechselt, ist das effektive Kontrastverhältnis der Überschrift nicht stabil. In unseren Messungen mit drei verschiedenen Bildausspielungen schwankte der Wert zwischen 3,4:1 und 7,1:1. Für große Texte ab 18 Punkt wäre das noch ausreichend, doch die verwendete Schriftgröße liegt bei 28 Pixeln und fällt damit in die Kategorie großer Text, für den ein Minimum von 3:1 gilt. Die AA-Konformität ist also für große Texte meist erreicht, die AAA-Konformität mit 4,5:1 wird jedoch nicht konstant erzielt. Für Nutzer mit einer schweren Sehbeeinträchtigung kann diese Variabilität ein Problem bedeuten, weil sie sich nicht auf eine konstante Lesbarkeit vertrauen können.

Die Fließtexte unterhalb des Hero-Bereichs, etwa die Beschreibungen der Willkommensboni, sind in Schwarz auf weißem Hintergrund gehalten und erreichen mit 21:1 ein hervorragendes Kontrastverhältnis. Auch die Bullet Points in den Aufzählungen überschreiten die AAA-Anforderungen ohne Schwierigkeiten. Ein Defizit zeigte sich jedoch bei den sekundären Call-to-Action-Buttons mit orangefarbenem Text auf hellgrauem Grund. Hier belief sich das Kontrastverhältnis nur 2,9:1, was selbst für große Schrift unter dem Mindestwert von 3:1 liegt. Solche Elemente können für farbfehlsichtige Nutzer komplett verschwinden und die Conversion-Rate negativ beeinflussen.

• Weiße Schriftzug auf dunklem Blau: 8,7:1 (AA und AAA erfüllt)
• Footer-Text helles Grau auf grauem Grund: 3,9:1 (AA nicht eingehalten)
• Social-Media-Piktogramme auf farbigen