Hast du auch keine Lust mehr auf das Thema Barrierefreiheit? Du fragst dich warum da überhaupt so viel Wind gemacht wird und siehst keinen Usecase für deine Website? Dann folge diesem ultimativen Schrit-für-Schritt-Guide und lerne, dieses völlig überbewertete Thema elegant zu umschiffen.
Schritt 1 - Alles für die Maus
Wer braucht denn bitteschön ein Keyboard, wenn es doch viel leichter ist, zu klicken? Es besteht auch kein Grund, deine selbstgebauten Komponenten mit Keyboard-Events zu zu pflastern; das sorgt nur für mehr Arbeit.
Bonuslevel: Um Dateien hochzuladen brauchst du keinen Filepicker - Drag-und-Drop ist ausreichend.
Schritt 2 - Kontraste reduzieren
Dein Interface sollte elegant sein und über den Dingen schweben. Kontraste stören da nur und sollten weitestgehend reduziert werden.
Bonuslevel: Alles nur im hellen Farbschema - das dunkle Schema deprimiert die Nutzer*innen!
Schritt 3 - Überraschung!
Überrasche deine Nutzer*innen, indem du Interaktionen anders gestaltest als der Rest der Welt. Das wirkt innovativ und hipp und sorgt für frischen Wind.
Bonuslevel: Besonders gut kommt es an, wenn ein Hovern über ein Element eine Aktion auslöst.
Schritt 4 - Größen festlegen
Lege eine Mindestauflösung fest, damit dein tolles Design auch gut rüberkommt. Diese sollte nicht zu niedrig gewählt sein - Nutzer*innen, die sich keine großen Bildschirme leisten können, sind sowieso nicht deine Zielgruppe.
Bonuslevel: Die Schriftgröße ist perfekt, so wie sie ist. Zoom kannst du deaktivieren.
Schritt 5 - Elegante Formulare
Formulare sind lästig für Nutzer*innen, deswegen ist es wichtig, dass sie wenigstens schick aussehen. Labels stören da nur; am Besten packst du sie in die Felder und blendest sie aus, sobald die Nutzer*innen etwas eingeben.
Bonuslevel: Fehlerbehandlung brauchst du nicht - deine Nutzer*innen wissen, was sie wollen
Fertig!
Wenn du alle diese Schritte minutiös befolgt hast, und vielleicht auch den einen oder anderen Bonuslevel abgeschlossen hast: Herzlichen Glückwunsch!
Du hast eine Seite erstellt, die nur Mausnutzer benutzen können. Sie müssen sich gut mit Technik auskennen, um mit deinem unkonventionellen Interface klarzukommen. Außerdem brauchen sie einen großen, teuren Bildschirm in einer reflexionsarmen Umgebung. Am Besten ist es dort dunkel, denn im Sonnenlicht kommt dein Design nicht gut zum Tragen. Deine Nutzer sollten auch gut gucken können, um deine kleine Schrift zu lesen. Ich habe hier extra nicht gegendert, denn deine Nutzergruppe besteht jetzt aus jungen, technik-afinen Männern, die den ganzen Tag im Keller hocken. Ich bin mir sicher, dass dein Produkt, die Anti-Falten-Crème, gut bei ihnen ankommt.
*Sarkasmus aus*
Wenn du bis hierhin gelesen hast, und eigentlich doch lieber eine barrierefreie Seite haben möchtest, lege ich dir folgende Artikel ans Herz:
War dieser Beitrag hilfreich?
Weitere Beiträge
von Anna Maier
7.1.2025 Dein Job bei codecentric?
Jobs
Agile Developer und Consultant (w/d/m)
Alle Standorte
Weitere Artikel in diesem Themenbereich
Entdecke spannende weiterführende Themen und lass dich von der codecentric Welt inspirieren.
Gemeinsam bessere Projekte umsetzen.
Wir helfen deinem Unternehmen.
Du stehst vor einer großen IT-Herausforderung? Wir sorgen für eine maßgeschneiderte Unterstützung. Informiere dich jetzt.
Hilf uns, noch besser zu werden.
Wir sind immer auf der Suche nach neuen Talenten. Auch für dich ist die passende Stelle dabei.
Blog-Autor*in
Anna Maier
Senior IT-Consultant
Du hast noch Fragen zu diesem Thema? Dann sprich mich einfach an.
Du hast noch Fragen zu diesem Thema? Dann sprich mich einfach an.