🕵️♀️ Fall 005 - Die kontrastlose Website
Notizen von Inspektorin Sichtbar - Abteilung für digitale Auffälligkeiten
📍 Tatort: Unternehmenshomepage eines Mode-Labels
⏰ Tatzeit: Mittwoch, 16:20 Uhr
💀 Opfer: Lesbarkeit, erdrückt von hellgrauem Text auf weissem Hintergrund.
„Wir wollten einen cleanen Look", erklärte Frau M. stolz und zeigte mir die Seite.
Ich blinzelte.
Text in zartgrau. Überschriften kaum erkennbar. Buttons im Hintergrund verschwunden.
„Clean ist gut", sagte ich. „Unsichtbar ist tödlich."
Dr. Pixel, unser UX-Spezialist, runzelte die Stirn.
„Kontrast zu gering. Barrierefreiheit nicht erfüllt. Viele springen schon nach drei Sekunden ab."
Die Website war da und gleichzeitig nicht.
📂 Fallanalyse
Todesursache: Fehlender Kontrast
Tatwaffe: Design ohne Blick für Nutzerfreundlichkeit
🧾 Beweisstück A - meine Ermittlungsnotizen
- Mindestens 4,5:1 Kontrastverhältnis bei Texten
- Testen auf verschiedenen Geräten
- Design nie vor Lesbarkeit stellen
💬 Jetzt bist du dran, geschätzte Mit-ErmittlerInnen:
Wer hat deiner Meinung nach die Lesbarkeit getötet?
📂 Akten der Verdächtigen - Ermittlungsakte Fall 005
A) Frau Pastell
So sanft, dass Buttons und Texte im Nichts verschwinden. Lieblingszitat: „Hell auf hell ist edel."
B) Herr Designer-Ego
Liebt Minimalismus und Style egal, ob Nutzer noch was lesen können.
C) Miss Mobile
Vergisst, dass Farben und Kontraste auf Smartphones anders wirken. Opfer: jeder zweite Besucher.
D) Dr. Ignoranz
Kennt Barrierefreiheitsstandards ignoriert sie aber. „Wird schon keiner merken."
E) Profil X
Sein Name tauchte im Quellcode der CSS-Datei auf. Doch warum?
👉 Kommentiere deinen Hauptverdächtigen, die Auflösung folgt in der nächsten Akte.
Die Auflösung
🔎 Fall 005 ist gelöst!
Auflösung Ermittlungsakte Fall 005 - Die kontrastlose Website
Danke für eure vielen spannenden Vermutungen, diesmal war es ein besonders heikler Fall, denn fast alle Verdächtigen hätten gute Motive gehabt.
Aber am Ende konnte ich vier ausschliessen:
A) Frau Pastell
Sie liebt sanfte, helle Töne, gefährlich, ja.
Doch sie arbeitet meist mit Gefühl und Stil. In diesem Fall ging es nicht um Geschmack, sondern um reine Lesbarkeit.
C) Miss Mobile
Sie sorgt oft für Chaos, wenn Farben auf dem Smartphone anders aussehen.
Aber hier war der Kontrast schon am Desktop ein Problem, der Tatort lag also woanders.
D) Dr. Ignoranz
Er kennt Barrierefreiheitsstandards und missachtet sie gern.
Aber bei dieser Seite gab es kein bewusstes Ignorieren, nur falsches Designverständnis.
E) Profil X
Er war im CSS-Code eingeloggt, aber die Spuren waren verwischt.
Vielleicht Mitwisser, aber diesmal kein Täter.
✨ Der wahre Täter:
B) Herr Designer-Ego.
Er stellte Ästhetik über Funktion - und liess die Besucher im Dunkeln.
Hellgraue Schrift, weisse Buttons, minimale Kontraste.
Die Seite sah edel aus - bis niemand mehr lesen konnte, was draufstand.
📌 Lernpunkt:
Gutes Design ist nicht nur schön, sondern zugänglich.
Sichtbarkeit braucht Lesbarkeit - sonst bleibt jede Botschaft unsichtbar.
👉 Frage an dich:
Hast du schon mal eine Website gesehen, die zu schön zum Lesen war?
