07/06/2023
☝️ 𝐈𝐬𝐭 𝐝𝐞𝐢𝐧 𝐎𝐧𝐥𝐢𝐧𝐞-𝐀𝐮𝐟𝐭𝐫𝐢𝐭𝐭 𝐛𝐚𝐫𝐫𝐢𝐞𝐫𝐞𝐟𝐫𝐞𝐢?
In den letzten zwei Jahren durften wir ein Projekt im Gesundheitsbereich umsetzen, bei dem die im Vordergrund stand. 🧑💻 Die Applikation wurde mehrfach direkt mit der Zielgruppe - darunter Menschen mit Sehbehinderung - getestet, wodurch wir nicht nur unser eigenes Bewusstsein für die Benutzerfreundlichkeit unserer Software schärfen konnten, sondern auch einige neue Erkenntnisse gewonnen haben, die unsere internen Guidelines für und erweitert haben. 📖
💡 𝗙𝗼𝗹𝗴𝗲𝗻𝗱𝗲 𝗧𝗶𝗽𝗽𝘀 𝗸ö𝗻𝗻𝘁 𝗶𝗵𝗿 𝗴𝗮𝗻𝘇 𝗲𝗶𝗻𝗳𝗮𝗰𝗵 𝘀𝗲𝗹𝗯𝘀𝘁 𝗯𝗲𝗮𝗰𝗵𝘁𝗲𝗻 𝘂𝗻𝗱 𝘂𝗺𝘀𝗲𝘁𝘇𝗲𝗻:
📑 Verwendet übersichtliche Strukturen und Unterteilungen mit klar definierten Überschriften & Absätzen.
⌨️ Ermöglicht eine vollständige Bedienung per Tastatur & Pfeiltasten.
🙅 Vermeidet Menüs mit Hover-Effekten und riskiert lieber einen Klick mehr um Inhalte auszuklappen und anzuzeigen, da dynamische Inhalte eine riesige Barriere darstellen.
🌈 Wählt Farben mit hohen Kontrasten für Texte und Hintergründe.🟡 Hervorhebungen und Feedback sollten sich nicht nur farblich, sondern auch in ihrer Form unterscheiden.
📝 Alternativtexte bei Bildern ermöglichen es, dass diese von Screenreadern vorgelesen werden und dadurch für alle zugänglich sind.
Die Barrierefreiheit eurer Software lässt sich relativ einfach überprüfen. Zum einen können Plugins wie Stark für Figma, Sketch oder gleich im Browser benutzt werden, mit dem ihr unterschiedliche Sehkrankheiten wie z.B. Rot-Grün-Schwäche simulieren könnt. Ebenso hilft der eigene Check mit Bedienungshilfen und Screenreadern, um zu schauen, ob Seiten und Texte für alle Personen zugänglich sind. Usability Tests mit betroffenen Personen helfen euch natürlich am meisten - denn diese zeigen euch genau, wie zugänglich eure Anwendung ist.
Macht direkt den Selbstscheck bei eurer eigenen Webseite und lasst sie euch von einem Screenreader vorlesen oder überprüft den Code mit Lighthouse. Wenn ihr merkt, dass die Umsetzung nicht ideal ist, helfen wir euch gerne bei den nötigen Anpassungen! 💙
