Barrierefreie Webentwicklung

• Rechtliche Anforderungen und Grundlagen der Barrierefreiheit verstehen
• Barrierefreiheit gezielt in den Entwicklungsprozess integrieren
• Praktische Anwendung mit Codebeispielen zu semantischem HTML, CSS und JavaScript

Spätestens zum 28. Juni 2025 muss das Barrierefreiheitsstärkungsgesetz angewendet werden. Dies bedeutet nicht nur eine gesetzliche Verpflichtung für viele Unternehmen, sondern bietet auch Vorteile: Barrierefreie Websites erreichen eine größere Zielgruppe, sorgen für eine bessere UX und stärken das Markenimage.

Dieses praxisorientierte Buch ist essenziell für alle, die sich mit der Erstellung barrierefreier Webinhalte befassen. Maria Korneeva vermittelt die Grundlagen der digitalen Barrierefreiheit und die relevanten rechtlichen Rahmenbedingungen und Richtlinien, darunter das Barrierefreiheitsstärkungsgesetz (BFSG), die Web Content Accessibility Guidelines (WCAG) und EN 301 549. Anhand von anschaulichen Beispielen lernen Sie, Barrieren im Web selbst zu erleben und zu verstehen. Zudem erhalten Sie verständliche Anleitungen und praxisnahe Codebeispiele, die Ihnen helfen, Barrierefreiheit erfolgreich in Ihre Projekte zu integrieren. Automatisierte Tests unterstützen Sie schließlich dabei, die langfristige Einhaltung der Barrierefreiheitsanforderungen sicherzustellen.

Aus dem Inhalt:

• Bedeutung und Vorteile digitaler Barrierefreiheit
• Gesetzliche Vorgaben, Normen und Richtlinien (inkl. BFSG, EAA und WCAG)
• Umgang mit Screenreadern
• Grundsätze der Barrierefreiheit: Responsiveness, Farbgestaltung, Tastaturbedienbarkeit, Alternativtexte
• Semantisches HTML, ARIA, Accessibility Tree, zugänglicher Name und Beschreibung
• Barrierefreiheit von Web Components und Single Page Applications
• Tools für automatisierte Barrierefreiheitschecks
• Linters und Plug-ins für Unit- und End-to-End-Tests
• Integration in CI/CD-Pipelines
• Künstliche Intelligenz, zukunftsweisende Entwicklungen und aktuelle Einschränkungen
• Barrierefreie Implementierung von Navigation, Links, Buttons, Bildern, Cookie-Bannern, Tabellen, Formularen und weiteren UI-Elementen