Geschreven door Sebastian Fjeld op 09 januari 2025

Green Internet: The connection between accessibility and sustainability

Accessibility

In the picture on the background of the Eye-Able design the two company names "dotfly" and "Eye-Able" are to be seen.Digitalisation is shaping our everyday lives like never before. What is often overlooked: The internet is a significant environmental factor. If it were a country, it would be the world's fourth largest polluter. The average website generates around 0.5 grams of CO2 per visit - with 10,000 monthly page views, this adds up to around 60 kilograms of CO2 per year, and that's just for a single sub-page. In this context, sustainable website design takes on a whole new meaning.

But sustainability in the digital space is about more than a good carbon footprint. It is a holistic approach that combines environmental, social and economic aspects. Ecologically, through reduced energy consumption; socially, through improved accessibility for all; and economically, through higher conversion rates due to faster loading times and better search engine rankings. Accessibility, green coding, green UX and sustainable hosting are particularly important.

Accessibility as the cornerstone of sustainability

Digital sustainability is closely linked to the removal of digital barriers. No matter how energy efficient a website is, if it cannot be used by everyone, it is failing an important aspect of sustainability. Accessibility means

- Clear structure and intuitive navigation

- Adequate colour contrast and flexible text sizes

- Alternative text for images- Subtitles for videos

- Customisable user interfaces for individual needs

Modern technologies such as Eye-Able® make it possible to make websites accessible to a wide range of users without having to completely overhaul the basic structure. This is particularly important as Germany is home to around 10 million people with disabilities and many more could benefit from accessible services.

Technical Sustainability: Green Coding and Hosting

Green coding aims to program software in a resource-efficient way. This not only reduces energy consumption but also improves performance. It also reduces the risk of system failure and the cost of technical support. Key principles are

- Efficient algorithms

- Minimising HTTP requests

- Optimisation of media content

- Clean, maintainable code

A practical tip: compress images before uploading. Tools such as TinyPNG can significantly reduce file size without noticeably affecting image quality. Tools such as Squoosh can automatically convert conventional image formats to WebP, which can reduce file size by up to 30% compared to JPG or PNG while maintaining visual quality. This not only speeds up loading times, but also saves valuable storage space and energy.Green Hosting complements these efforts by

- Use of renewable energy

- Energy efficient server infrastructure

- Choice of location for optimal data transfer

Green UX: usability meets sustainability

Green UX combines usability with sustainability principles. The aim is to design websites in a way that is intuitive to use and conserves resources:

- Minimalist, functional design

- Efficient information architecture

- Reduction of unnecessary animations

- Accessible navigation elements

A concrete example is the implementation of a "dark mode". This not only saves energy on OLED displays, but also improves accessibility for people with visual impairments.

Practical steps for a sustainable website

Here are some measures that can be implemented immediately:

1. lazy loading for images and videos

2. effective browser caching

3. optimise fonts

4. review and optimise analytics tools

5. integrate accessibility features

To check the sustainability of your website, we recommend tools such as Website Carbon Calculator or EcoGrader.

Conclusion

Sustainable websites are an investment in the future. They combine environmental protection with social responsibility and economic success. By combining green coding, accessible design and an efficient user experience, we create digital spaces that are truly accessible to all, while conserving resources.Digital transformation gives us the opportunity to think and act sustainably right from the start. Every step towards a more sustainable website counts - from accessible design to efficient coding to green hosting. It is an investment that will pay dividends for your business, your users and our planet.

[Author information: Linda Bühler is Corporate Communications Manager at the Cologne-based digital agency dotfly. The agency advises and supports companies and brands that are good for the environment and society in all areas of digital communication - from strategy, concept and design to technical implementation and marketing].

Filter

Filter op categorie

Bevestig je selectie met de knop aan het einde van de lijst na het kiezen van de categorieën.

Filters resetten
Bovenaanzicht van een laptop waarop een website wordt getoond, met twee handen die op het toetsenbord typen. Links naast de laptop staat een blauw toegankelijkheidspictogram met een persoon-icoon.

"Digitale toegankelijkheid is nu geen prioriteit" - en dat kost je elke dag omzet

Lees verhaal
iPhone en Apple Watch met toegankelijkheidsfuncties in beeld. Op het iPhone-scherm zijn opties zoals Live luisteren, geluidsniveau van koptelefoons en ondertiteling zichtbaar. Op de Apple Watch wordt live transcriptie getoond. Het toegankelijkheidssymbool en het Apple iPhone-logo benadrukken inclusieve functies voor gehoorondersteuning.

Toegankelijkheid iPhone: zo haal je alles uit de toegankelijkheidsinstellingen

Lees verhaal
Drie smartphoneschermen met een e-commerce-app. In het midden staat een productpagina voor de Sony WH-1000XM5 koptelefoon, links een overzicht met aanbiedingen en rechts het checkout-scherm met betaalopties. Het universele toegankelijkheidssymbool linksboven benadrukt toegankelijke online winkelervaringen.

Mobiele toegankelijkheid: ben jij er klaar voor?

Lees verhaal
Illustratie van een webpagina waarop tekst automatisch wordt omgezet naar eenvoudigere, beter leesbare content. Een pijl verbindt originele tekst met een vereenvoudigde versie, naast pictogrammen voor AI en een open boek, wat het herschrijven naar begrijpelijke en toegankelijke taal visualiseert.

AI accessibility: Hoe organisaties inclusieve digitale ervaringen maken

Lees verhaal
Woman with a tablet and world map in the background.

Eye-Able als alternatief: wat organisaties écht nodig hebben

Lees verhaal
Screenshot van het Eye-Able-dashboard waarin stap 1 van een formulier voor een toegankelijkheidsverklaring wordt ingevuld. Rechts is een automatisch gegenereerde Toegankelijkheidsverklaring zichtbaar met secties over naleving, dienstbeschrijving en niet-toegankelijke inhoud. De afbeelding toont hoe een HTML-toegankelijkheidsverklaring automatisch wordt aangemaakt op basis van ingevoerde gegevens.

Hoe kom ik aan een toegankelijkheidsverklaring voor de EAA?

Lees verhaal
Illustratie van een webinterface met het universele toegankelijkheidssymbool op de voorgrond. Rechts is een checklist met blauwe vinkjes zichtbaar, wat het controleren en voldoen aan toegankelijkheidsrichtlijnen voor digitale content en websites visualiseert.

Wat is Alt Tekst voor obstakelvrij lezen van beelden?

Lees verhaal
Illustratie van een webinterface met in het midden een pictogram met sterretjes, omringd door blauwe lijnen die verschillende onderdelen van de pagina verbinden. De afbeelding staat voor optimalisatie en verbetering van digitale content en gebruikerservaring.

Hoe AI een handje helpt bij de Wet Digitale Toegankelijkheid

Lees verhaal
Illustratie met het woord “SEO” in grote blauwe letters. Rondom staan pictogrammen voor toegankelijkheid en content, zoals een oog (zichtbaarheid), een boek (leesbaarheid), een netwerkstructuur (structuur) en het universele toegankelijkheidssymbool. De afbeelding verbindt SEO met digitale toegankelijkheid

Digitale toegankelijkheid en SEO: waarom ook Google van deze websites houdt

Lees verhaal
Illustratie met testresultaten: in het midden een groot label “Fail” met een rood kruis, daaromheen kleinere labels met “Pass” en groene vinkjes. De afbeelding visualiseert het testen en beoordelen van toegankelijkheids- of kwaliteitscriteria

Veelgemaakte fouten Wet Digitale Toegankelijkheid (EAA)

Lees verhaal
Illustratie van een webinterface met in het midden het universele toegankelijkheidssymbool. Blauwe lijnen verbinden verschillende onderdelen van de pagina, wat laat zien hoe toegankelijkheidsfuncties doorwerken in content, layout en media binnen een website.

De Wet Digitale Toegankelijkheid (EAA) voor het MKB: Zo krijg je je medewerkers mee!

Lees verhaal
Vier collega’s met verschillende achtergronden kijken samen glimlachend naar een laptop. Op de achtergrond staan pictogrammen van een weegschaal en een webinterface, wat samenwerking rond digitale toegankelijkheid, content en wettelijke naleving visualiseert.

Wet Digitale Toegankelijkheid (EAA): zo krijg je de hele organisatie mee!

Lees verhaal

You need more informations?

Write to us and we will be happy to help you.

A man and a woman look at a monitor and laugh