Revision 645: Barrierefreiheit kann so einfach sein

7 snips

Jan 21, 2025

Paul Hempel, ein erfahrener Softwareentwickler mit einem Schwerpunkt auf Barrierefreiheit, teilt wertvolle Einblicke in die neue Dimension der Webentwicklung. Er zeigt, dass Barrierefreiheit unkompliziert und kostengünstig implementiert werden kann. Die Bedeutung von semantischem HTML und CSS wird hervorgehoben, während Paul Tipps zur Optimierung der Tastaturnavigation gibt. Zudem diskutiert er die Rolle von Webstandards und die Integration barrierefreier Prinzipien in die Ausbildung von Entwicklern. Aktuelle Projekte wie Open-Source-Web-Apps werden ebenfalls beleuchtet.

Ask episode

AI Snips

Chapters

Transcript

Episode notes

ADVICE

Barrierefreiheitstools

Nutze Tools wie "PallyCI" oder "Wave von WebAim", um Barrierefreiheitsprobleme zu identifizieren.
"Wave" visualisiert die Probleme und verlinkt auf die WCAG-Dokumentation.

INSIGHT

WCAG vs. Praxis

Die offiziellen WCAG-Richtlinien sind oft abstrakt und wenig praxisorientiert.
Die W3C-Patterns bieten konkrete Codebeispiele für die Umsetzung.

ANECDOTE

Farbkontraste und CI

Farbkontraste sind oft ein Problem bei der Barrierefreiheit.
Die Firmen-CI kann die Anpassung der Farben erschweren.

Get the Snipd Podcast app to discover more snips from this episode

Get the app

In dieser Episode sprechen Vanessa und Schepp mit ihrem Gast Paul Hempel über die praktische Umsetzung von Barrierefreiheit im Web aus Sicht eines normalen Frontend-Entwicklers. Paul, der langjährige Erfahrung als Entwickler mitbringt, zeigt uns, dass Barrierefreiheit weder kompliziert noch teuer sein muss und in jedem Projekt berücksichtigt werden kann.

Schaunotizen

[00:01:06] Barrierefreiheit kann so einfach sein

Paul betont, dass barrierefreie Entwicklung nicht nur Menschen mit Behinderungen zugutekommt, sondern auch den Entwicklungsprozess vereinfachen kann. Oft machen sich Entwickler:innen unnötig viel Arbeit, weil sie nicht wissen, was mit semantischem HTML und CSS bereits möglich ist.

Ein Schwerpunkt der Diskussion liegt auf der Tastaturnavigation, die nicht nur für Barrierefreiheit essenziell ist, sondern auch Poweruser:innen hilft, effizienter zu arbeiten. Paul zeigt anhand von Beispielen wie <details>, <menu> oder <mark>, wie Webstandards genutzt werden können, um Barrierefreiheit zu erhöhen und gleichzeitig den Code wartbarer und übersichtlicher zu machen.

Paul spricht außerdem über seine aktuellen Projekte, darunter die Entwicklung neuer, barrierefreier Web-Apps als Open-Source-Software im Rahmen von „Operaton„. Dabei betont er, dass die eigentliche Herausforderung nicht in der Umsetzung, sondern im Erlernen der Prinzipien liegt – und dass Barrierefreiheit Hand in Hand mit einem korrekten Einsatz von Webstandards geht.

Ein weiteres Thema ist die Dokumentation von UI-Patterns, etwa durch die WAI. Die offiziellen Guidelines können abstrakt wirken, sind aber eine wertvolle Grundlage, wenn sie mit praktischen Beispielen kombiniert werden. Paul empfiehlt daher, sich intensiv mit den Grundlagen wie Landmarks, Page Regions und semantischem HTML auseinanderzusetzen, um barrierefreie Anwendungen effizient und effektiv zu entwickeln.

Schließlich werfen wir einen Blick auf Standardprobleme wie Kontraste, Textskalierung und die Verwendung von REM/EM, die oft vernachlässigt werden, obwohl sie mit den richtigen Ansätzen einfach zu lösen sind. Paul gibt dabei praktische Tipps und verweist auf hilfreiche Tools und Ressourcen, die die Umsetzung erleichtern.

Revision 645: Barrierefreiheit kann so einfach sein

Barrierefreiheitstools

WCAG vs. Praxis

Farbkontraste und CI

Schaunotizen

Links