Revision 643: Das Web Accessibility Cookbook

11 snips

Jan 7, 2025

Manuel Matuzović ist ein erfahrener Frontend-Entwickler und Autor des "Web Accessibility Cookbook". Er beleuchtet die Wichtigkeit einer sauberen HTML-Dokumentstruktur für barrierefreie Webseiten und erläutert, wie Landmarks wie Header und Footer in der Webentwicklung sinnvoll genutzt werden. Darüber hinaus diskutiert er häufige Probleme mit kaputten Links und Buttons sowie Best Practices zur barrierefreien Gestaltung von Formularen und Tabellen. Zudem kommen Herausforderungen bei Web-Komponenten und der Einsatz von Shadow DOM zur Sprache.

Ask episode

AI Snips

Chapters

Books

Transcript

Episode notes

ADVICE

Performance und Barrierefreiheit

Berücksichtigen Sie Performanceaspekte bei der Barrierefreiheit.
Langsame Webseiten sind nicht barrierefrei.

INSIGHT

Seitenstruktur im Komponentendesign

Das Seitenbewusstsein geht beim komponentenbasierten Webdesign oft verloren.
Komponenten sollten im Kontext der gesamten Seite betrachtet werden.

ADVICE

Formulare als Landmarks

Verwenden Sie ARIA-Labels, um Formulare als Landmarks zu kennzeichnen.
So ermöglichen Sie Nutzern von Screenreadern die direkte Navigation.

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

Get the app

Wir haben diesmal Manuel Matuzović zu Gast – Frontend-Entwickler, Berater, Auditor, Trainer und Autor des „Web Accessibility Cookbook“. Gemeinsam tauchen wir ein in die Welt der Barrierefreiheit und hangeln uns dazu am Aufbau seines Buches entlang.

Schaunotizen

Was macht eine saubere HTML-Dokumentstruktur aus?: Manuel erklärt, warum die Struktur eines HTML-Dokuments mehr ist als nur ein technisches Detail. Von Head-Elementen bis zu einer sinnvollen Organisation des Bodys – wir beleuchten, wie man das Fundament für zugängliche und benutzerfreundliche Webseiten legt.
Wie nutzt man Landmarks wie Header, Main und Footer richtig?: Landmarks bieten Orientierungshilfen für Nutzer:innen mit Screenreadern. Wir sprechen darüber, wann sie Sinn machen, wie man sie richtig einsetzt und warum eine gut strukturierte Seitenhierarchie für alle Nutzer:innen wichtig ist.
Warum sind Links und Buttons öfter kaputt, als sie sein sollten?: Links, die ins Leere führen, und Buttons, die nicht klicken wollen – wir reden darüber, warum diese Probleme so häufig sind und wie man sie vermeidet, um barrierefreie und funktionale Interfaces zu schaffen.
Wie werden Formulare und Tabellen barrierefrei?: Formulare und Tabellen können komplex und frustrierend sein – für Entwickler:innen und Nutzer:innen gleichermaßen. Wir diskutieren Best Practices, häufige Fehler und wie man diese wichtigen Elemente zugänglicher gestaltet.
Accessibility bei Custom Elements und Shadow DOM?: Web Components sind ein mächtiges Tool, aber sie kommen mit Herausforderungen. Wir sprechen über Vor- und Nachteile von Shadow DOM, warum es manchmal besser ist, darauf zu verzichten, und welche Rolle Custom Elements bei modernen Webprojekten spielen.

Gewinnspiel!

Manuel verlost zwei digitale Exemplare seines Buchs! 🎉 Schreib uns bis 31. Januar, was dein Lieblingselement in HTML ist und warum – auf Slack, per Mail oder auf unseren Social-Media-Kanälen Bluesky oder Mastodon.