Was barrierefreie und nachhaltige Webseiten verbindet – Im Gespräch mit Annika Brinkmann

Digitale Barrierefreiheit ist ein Menschenrecht. Gleichzeitig stehen wir vor der Aufgabe, unsere digitale Infrastruktur nachhaltiger zu gestalten. Doch was haben barrierefreie und nachhaltige Webseiten eigentlich gemeinsam?

In dieser Podcast-Episode spreche ich mit Annika Brinkmann darüber, warum sauberes HTML, reduzierte Komplexität und klare Gestaltung nicht nur Menschen mit Einschränkungen helfen, sondern auch unseren Planeten entlasten.

Warum sind barrierefreie und nachhaltige Webseiten heute so relevant?

In Zeiten von Klimakrise, digitalem Überkonsum und steigender regulatorischer Anforderungen wird klar: Webseiten müssen mehr leisten als nur gut aussehen.

Ab dem 28.06.2025 verpflichtet der European Accessibility Act viele Unternehmen zur digitalen Barrierefreiheit. Gleichzeitig wächst der Druck, digitale Angebote energieeffizienter und ressourcenschonender zu gestalten. Beide Themen sind keine Nische mehr – sie betreffen Wirtschaft, Verwaltung und Gesellschaft.

Worum geht es in der Episode?

Gemeinsam mit Annika Brinkmann, Designerin für digitale Barrierefreiheit, spreche ich über:

• Den aktuellen Status quo digitaler Barrierefreiheit
• Typische Fehler auf Webseiten (96,3 % haben laut WebAIM messbare Barrieren)
• Warum Komplexität seit Jahren zunimmt
• Ihr RIAN-Framework (Responsive to Individual Accessibility Needs)
• Die Aktion „Barrieren-Fasten.de“

Diese Folge ist besonders relevant für Agenturen, Webdesigner, Entwickler, Marketingverantwortliche und Geschäftsführer, die ihre Website zukunftssicher aufstellen wollen.

Was haben Barrierefreiheit und Nachhaltigkeit konkret gemeinsam?

• Weniger Code bedeutet weniger Energieverbrauch. Schlankes HTML und CSS reduzieren Datenmenge und Serverlast.
• Saubere Struktur hilft allen. Screenreader, Suchmaschinen und Nutzer profitieren gleichermaßen von klarer Semantik.
• Verzicht auf unnötige Animationen spart Ressourcen. Weniger JavaScript heißt geringerer Energiebedarf.
• Dark Mode kann Energie sparen. Besonders auf OLED-Displays reduziert ein dunkles Farbschema den Stromverbrauch.
• Klare Gestaltung reduziert kognitive Belastung. Das hilft Menschen mit ADHS, Lernschwierigkeiten oder Sehbeeinträchtigungen.

Was ist das RIAN-Framework?

RIAN steht für „Responsive to Individual Accessibility Needs“. Während klassisches Responsive Design nur auf Bildschirmgröße reagiert, berücksichtigt RIAN individuelle Einstellungen wie:

• Dark Mode oder Light Mode
• Erhöhten Kontrast
• Reduzierte Animation
• Reduziertes Datenvolumen

Technisch basiert vieles auf modernen CSS-Media-Queries und Variablen. Der entscheidende Punkt: Wir müssen Nutzer ernst nehmen – nicht nur Geräte.

Typische Barrieren auf Webseiten – und einfache Lösungen

• Zu geringer Farbkontrast
• Fehlende Alternativtexte für Bilder
• Formulare ohne Labels
• Unstrukturierter HTML-Code
• Komplexe JavaScript-Overlays

Viele dieser Probleme lassen sich mit geringem Aufwand beheben – wenn man sie systematisch angeht.

Persönlicher Einblick

Annika berichtet eindrucksvoll von ihrer Schwester mit Lernschwierigkeit und ihrem Großvater mit eingeschränkter Mobilität, die sie zur Besschäftigung mit dem Thema animiert haben. Und von eigenen Problemen mit vieleln Webseiten.

[Sie erzählt von ihrer ADHS-Diagnose und warum Klarheit im Web für sie persönlich so wichtig ist]

Fazit: Zukunftsfähige Webseiten sind inklusiv und ressourcenschonend

Barrierefreiheit ist kein Zusatzfeature. Nachhaltigkeit auch nicht. Beide Themen sind Ausdruck von Verantwortung.

Wenn wir Webseiten technisch sauber, strukturiert und reduziert bauen, gewinnen alle: Nutzer, Unternehmen und unser Planet.

🎧 Jetzt reinhören und weiterdenken

🎵 Jetzt Folge anhören auf Podigee, in deiner Podcast-App oder bei YouTube. Und melde dich gleich auch bei der kostenlosen "Web, But Green!" Akademie und abonniere meinen wöchentlichen Newsletter "Web, But Green!" Flash.

FAQ: Barrierefreie und nachhaltige Webseiten

Warum sind 96 % der Webseiten nicht barrierefrei?

Häufig fehlen einfache Grundlagen wie ausreichender Farbkontrast, Alternativtexte oder saubere HTML-Strukturen.

Ist Barrierefreiheit teuer?

Wenn sie von Anfang an mitgedacht wird, ist der Mehraufwand gering. Nachträgliche Korrekturen sind deutlich aufwendiger.

Spart Dark Mode wirklich Energie?

Ja – insbesondere bei OLED-Displays reduziert ein dunkles Farbschema den Stromverbrauch messbar.

Wer ist vom European Accessibility Act betroffen?

Ab 28.06.2025 viele Unternehmen mit mehr als 10 Mitarbeitenden oder über 2 Mio. Euro Jahresumsatz.

Warum hilft sauberes HTML auch der Nachhaltigkeit?

Weniger verschachtelter Code bedeutet kleinere Dateien, schnellere Ladezeiten und geringeren Energieverbrauch.

👉 Du hast Fragen oder Feedback?

Schreib mir gerne per , vernetze Dich mit mir auf LinkedIn oder vereinbare einen kostenlosen und unverbindlichen virtuellen Kaffee. Ich freue mich auf den Austausch!