Geschrieben von Sebastian Fjeld am 09. Januar 2025

Grünes Internet: Der Zusammenhang von Barrierefreiheit und Nachhaltigkeit

Accessibility

Die Digitalisierung prägt unseren Alltag wie nie zuvor. Was dabei oft übersehen wird: Das Internet ist ein erheblicher Umweltfaktor. Wäre es ein Land, wäre es der viertgrößte Umweltverschmutzer weltweit. Eine durchschnittliche Webseite verursacht etwa 0,5 Gramm CO2 pro Aufruf – bei 10.000 monatlichen Seitenaufrufen summiert sich das auf rund 60 Kilogramm CO2 pro Jahr, und das nur für eine einzelne Unterseite. In diesem Kontext gewinnt die nachhaltige Gestaltung von Websites eine ganz neue Bedeutung.

Doch Nachhaltigkeit im digitalen Raum bedeutet mehr als nur ein guter CO2-Abdruck. Es geht um einen ganzheitlichen Ansatz, der ökologische, soziale und ökonomische Aspekte vereint. Ökologisch durch reduzierten Energieverbrauch, sozial durch bessere Zugänglichkeit für alle Menschen, und ökonomisch durch höhere Conversion-Raten dank schnellerer Ladezeiten und besserer Suchmaschinen-Rankings. Besonders wichtig sind dabei Barrierefreiheit, Green Coding, Green UX und nachhaltiges Hosting.

Barrierefreiheit als Grundpfeiler der Nachhaltigkeit

Digitale Nachhaltigkeit ist eng verknüpft mit dem Abbau digitaler Barrieren. Eine Website kann noch so energieeffizient sein – wenn sie nicht für alle Menschen nutzbar ist, verfehlt sie einen wichtigen Aspekt der Nachhaltigkeit. Barrierefreiheit bedeutet dabei:

  • Klare Strukturen und intuitive Navigation

  • Ausreichende Farbkontraste und flexible Textgrößen

  • Alternative Texte für Bilder

  • Untertitel für Videos

  • Anpassbare Bedienoberflächen für individuelle Bedürfnisse

Moderne Technologien wie Eye-Able® ermöglichen es dabei, Websites für verschiedenste Nutzergruppen zugänglich zu machen, ohne die Grundstruktur komplett überarbeiten zu müssen. Dies ist besonders wichtig, da in Deutschland etwa 10 Millionen Menschen mit Behinderungen leben und viele weitere von barrierefreien Angeboten profitieren.

Technische Nachhaltigkeit: Green Coding und Hosting

Green Coding zielt darauf ab, Software ressourceneffizient zu programmieren. Dies reduziert nicht nur den Energieverbrauch, sondern verbessert auch die Performance. Außerdem senkt es das Risiko von Systemausfällen und die Kosten in der technischen Betreuung. Wichtige Prinzipien sind:

  • Effiziente Algorithmen

  • Minimierung von HTTP-Requests

  • Optimierung von Medieninhalten

  • Sauberer, wartbarer Code

Ein praktischer Tipp: Komprimieren Sie Bilder vor dem Upload. Tools wie TinyPNG können die Dateigröße erheblich reduzieren, ohne die Bildqualität merklich zu beeinträchtigen. Noch effizienter wird es mit modernen Bildformaten wie WebP: Mit Tools wie Squoosh lassen sich herkömmliche Bildformate automatisch in WebP umwandeln, was die Dateigröße bei gleicher visueller Qualität um bis zu 30% gegenüber JPG oder PNG reduziert. Dies beschleunigt nicht nur die Ladezeiten, sondern spart auch wertvollen Speicherplatz und damit Energie.

Green Hosting ergänzt diese Bemühungen durch:

  • Nutzung erneuerbarer Energien

  • Energieeffiziente Serverinfrastruktur

  • Standortwahl für optimale Datenübertragung

Green UX: Nutzerfreundlichkeit trifft Nachhaltigkeit

Green UX verbindet Nutzerfreundlichkeit mit Nachhaltigkeitsprinzipien. Ziel ist es, Websites so zu gestalten, dass sie intuitiv bedienbar und ressourcenschonend sind:

  • Minimalistisches, zweckorientiertes Design

  • Effiziente Informationsarchitektur

  • Reduzierung unnötiger Animationen

  • Barrierefreie Navigationselemente

Ein konkretes Beispiel ist die Implementierung eines "Dark Mode". Dies spart nicht nur Energie auf OLED-Displays, sondern verbessert auch die Zugänglichkeit für Menschen mit Sehempfindlichkeiten.

Praktische Schritte zur nachhaltigen Website

Hier sind einige sofort umsetzbare Maßnahmen:

  1. Lazy Loading für Bilder und Videos

  2. Effektives Browser-Caching

  3. Optimierung von Schriftarten

  4. Überprüfung und Optimierung von Analytics-Tools

  5. Integration von Barrierefreiheits-Funktionen

Zur Überprüfung Ihrer Website-Nachhaltigkeit empfehlen wir Tools wie Website Carbon Calculator oder EcoGrader.

Fazit

Nachhaltige Websites sind eine Investition in die Zukunft. Sie verbinden Umweltschutz mit sozialer Verantwortung und wirtschaftlichem Erfolg. Durch die Kombination von Green Coding, barrierefreiem Design und effizienter Nutzererfahrung schaffen wir digitale Räume, die wirklich allen Menschen zugänglich sind und dabei Ressourcen schonen.

Die digitale Transformation bietet uns die Chance, von Anfang an nachhaltig zu denken und zu handeln. Jeder Schritt in Richtung einer nachhaltigeren Website zählt – sei es durch barrierefreies Design, effizientes Coding oder grünes Hosting. Die Investition zahlt sich mehrfach aus: für Ihr Unternehmen, Ihre Nutzer:innen und unseren Planeten.

[Gastbeitrag von: dotfly Autoreninfo: Linda Bühler ist Corporate Communications Managerin bei der Kölner Digitalagentur dotfly. Die Agentur berät und betreut Unternehmen und Marken, die gut für Umwelt und Gesellschaft sind, in allen Bereichen der digitalen Kommunikation - von Strategie, Konzept und Design bis hin zur technischen Umsetzung und Vermarktung.]

Filter

Filter nach Kategorie

Bestätigen Sie nach Auswahl der Kategorien Ihre Eingabe mit dem Button am Ende der Liste

Filter zurücksetzen
Laptop mit Elektronik-Website, Schweden Flagge und Lupe mit Barrierefreiheitssymbolen

Schweden startet Prüfungen zur Barrierefreiheit von Online-Shops

Geschichte lesen
Frau mit Laptop mit Schriftzügen B2B, B2C und B2G

Gilt das BFSG auch für den B2B-Bereich?

Geschichte lesen
Frau mit Laptop und Weltkarte im Hintergrund.

Eye-Able als Alternative: Warum einzelne Tests nicht genug sind

Geschichte lesen
Illustration eines Eisbergs, umgeben von Symbolen für Prüfung, Technik, Feedback, Dokumentation und Auszeichnung – als Sinnbild für sichtbare und unsichtbare Aspekte digitaler Barrierefreiheit.

Wie erkennt man eine wirklich barrierefreie Website?

Geschichte lesen
Eye-Able Siegel mit Häkchen und WCAG 2.2 sowie EN 301549

Zeigt euer Engagement mit dem Eye-Able Siegel für digitale Barrierefreiheit

Geschichte lesen
Barrierefreiheits Icon mit 10 gelben Sternen und Weltkarte im Hintergrund

BFSG & EAA: Was Schweizer Unternehmen für den EU-Markt beachten müssen

Geschichte lesen
Laptop mit einer Seite eines Online-Supermarktes und zwei Icons mit Einkaufswagen und Waage an den Seiten

Warum 4 Supermarkt-Riesen jetzt vor Gericht stehen

Geschichte lesen
Klemmbrett mit Häkchen und BFSG Symbol zur Verdeutlichung der behördlichen Kontrollen ab 2026

BFSG-Dokumentationspflicht: Ab 2026 wird geprüft

Geschichte lesen

Von der Einzellösung zur Plattform: Die Evolution der digitalen Barrierefreiheit

Geschichte lesen
Laptop mit dem Schriftzug "Manual Testing"

Manuelle Barrierefreiheits-Tests: Warum automatisierte Tests nicht genug sind

Geschichte lesen

Das Fashion Nova-Urteil: 5,15 Millionen USD als Folge fehlender Barrierefreiheit

Geschichte lesen
Luftballon mit einer 5 zum 5-jährigen Jubiläum von Eye-Able

5 Jahre Eye-Able: Gemeinsam für digitale Barrierefreiheit

Geschichte lesen

Sie benötigen weitere Informationen?

Schreiben Sie uns und wir helfen Ihnen gerne weiter.

A man and a woman look at a monitor and laugh