CSS-Fallen vermeiden - A11Y Stream mit Annika Brinkmann
In diesem YouTube Livestream geht es um CSS Fallen für die Barrierefreiheit von Websites.
Im ersten Teil unseres Barrierefreiheits-Deep-Dives haben wir gesehen: Wenn alle Bilder einen Alt-Text haben, ist eine Webseite noch lange nicht barrierefrei. HTML bietet viele Fallstricke, die oft unbewusst zu nicht sichtbaren Barrieren führen. Jetzt setzen wir unsere Reise fort und nehmen CSS genauer unter die Lupe! Denn auch mit Stylesheets lassen sich Barrieren aufbauen – oder eben abbauen. Oft sind es unscheinbare CSS-Eigenschaften, die darüber entscheiden, ob Inhalte für alle zugänglich sind oder manche Nutzergruppen ausschließen. Falsche Farbkontraste, unklare Fokus-Hervorhebungen oder Layouts, die die Lesereihenfolge brechen – die Liste ist lang. Für das Barrieren-fasten hat Annika auch hier wieder typische CSS-Fehlerquellen und Best Practices zusammengestellt. Im Never-code-alone-Talk heute schauen wir gemeinsam, wie CSS die Barrierefreiheit beeinflusst, welche Zeilen geändert werden sollten und warum manche CSS-Tricks der Zugänglichkeit eher schaden als nutzen.
Über Annika Brinkmann
Annika hat im Design-Studium HTML und CSS gelernt, als gerade die erste .com-Blase geplatzt ist. Als eine der ersten Designerin für mobile und responsive Webseiten ist es ihr wichtig, so viel wie möglich darüber zu wissen, was technisch möglich ist, um es dann mit der Erfahrung zu kombinieren, was davon sinnvoll bis optimal wäre. Die digitale Barrierefreiheit erfordert wie keine andere Disziplin im Web das Zusammenspiel von Design, Technik und Usability, das den Job für Annika erst so richtig spannend macht. Aus der Beobachtung heraus, dass viele Entwickler:innen sich noch nicht so recht an das Thema Barrierefreiheit heran trauen, hat sie das Programm Barrieren-Fasten.de erstellt. Jeden Tag nur eine Kleinigkeit an einer Webseite zu ändern, soll helfen, langsam in das Thema einzusteigen. Wobei langsam? Langsam wird es knapp, bis Barrierefreiheit für viele Webseiten zur Pflicht wird – schaut einfach in Annikas online-accessibility-countdown.eu nach, wie viel Zeit Euch noch bleibt!
Links:
online-accessibility-countdown.eu
Bildnachweis
Canva
