← zurück zum Garten

Gepflanzt am

Zuletzt geändert am

Linksammlung: Nachhaltiges Webdesign, Barrierefreiheit und digitale Selbstbestimmung

Eine persönliche Linksammlung zu praktischen Tools, Methoden und Ressourcen für nachhaltiges Webdesign, digitale Selbstbestimmung und ethisches Arbeiten.


1. Tools

Farben & Schriften

Color Contrast Checker

Prüft barrierefreie Kontraste zwischen Text und Hintergrund direkt im Browser.

Zum Tool →

ColorShark

Einfache visuelle Prüfung von Farbkombinationen auf ausreichenden Kontrast.

Zum Tool →

Accessible color palette builder

Interaktives Tool zur Erstellung barrierefreier Farbpaletten.

Zum Tool →

Adobe Barrierefreiheits-Tools

Bietet einen intuitiven Kontrast-Analyzer für Designer*innen im Adobe-Ökosystem.

Zum Tool →

Leserlich

Einfache visuelle Prüfung von Farbkombinationen auf ausreichenden Kontrast.

Zum Tool →

Analyse-Tools

Greenwashing Checker

Analysiert Webseiten auf irreführende Nachhaltigkeitsaussagen.

Zum Tool →

Website Carbon

Simples Tool zu Analyse der CO₂-Emissionen deiner Website.

Zum Tool →

Ecograder

Bewertet Websites hinsichtlich Nachhaltigkeit und Performance.

Zum Tool →

Digital Beacon

Tool zur Messung digitaler Nachhaltigkeit mit Fokus auf Nutzererlebnis.

Zum Tool →

WAVE (WebAIM Tool)

Umfangreiche Analyse zur Barrierefreiheit von Webseiten.

Zum Tool →

Are My Third Parties Green?

Prüft, ob eingebundene Dienste umweltfreundlich sind.

Zum Tool →

2. Manifeste & Guidelines

Sustainable Web Manifesto

Ein Manifest für eine verantwortungsvollere Gestaltung des Internets.

Zur Methode →

Sustainable Web Design

Grundlagen und Praxiswissen für ressourcenschonende Webgestaltung.

Zur Methode →

nachhaltiges-webdesign.jetzt

Deutschsprachige Einführung und Ressourcen zum Thema.

Zur Methode →

Laws of UX

Sammlung psychologischer Prinzipien zur nutzerzentrierten Gestaltung.

Zur Methode

Humane by Design

Prinzipien für ein ethisch und nutzerfreundlich gestaltetes Web.

Zur Methode

Deceptive Pattern

Aufklärung und Kategorisierung manipulativer UX-Muster.

Zur Methode

Untools

Sammlung visueller Tools zum besseren Denken und Entscheiden in komplexen Projekten.

Zur Methode

Purpose Cards

Kartenset zur Entwicklung und Reflexion von Purpose-getriebenen Projekten.

Zur Methode

Inclusive Components

Praxisnahe Sammlung barrierefreier UI-Komponenten mit Erklärungen.

Zur Methode

Cleaner Web

Checkliste mit klaren Empfehlungen zur Reduktion des CO₂-Fußabdrucks von Websites.

Zur Methode →

4. Blogs

Green the Web

Nachhaltigkeit und Webdesign praxisnah neu gedacht.

Blog lesen →

Mightybytes

Blog zu nachhaltiger Digitalstrategie, Design und Ethik.

Blog lesen →

Think Digital Green

Fokus auf ökologische und digitale Transformation.

Blog lesen →

Plan C

Perspektiven auf Zukunftsgestaltung und gesellschaftlichen Wandel.

Blog lesen →

Gehirngerecht

Beiträge zu barrierefreiem digitalen Arbeiten.

Blog lesen →

Disruptive Design

Kritisches Designverständnis für soziale Veränderung.

Blog lesen →

School of Critical Design

Strategien für systemisches, kritisches und zukunftsorientiertes Design.

Blog lesen →

Low-Tech Magazine

Technikkritischer Blog mit Fokus auf Energieeffizienz.

Blog lesen →

Wholegrain Digital

Vorreiter im nachhaltigen Webdesign mit fundierten Artikeln.

Blog lesen →

Maggie Appleton

Visuelle Essays und Ideen zu Technologie, UX und digitalem Denken.

Blog lesen →

Neue Narrative

Neues Arbeiten, Zukunftsgestaltung und systemischer Wandel.

Blog lesen →

Branch Magazine

Intersectional Climate Justice meets Tech Culture.

Blog lesen →

5. Initiativen

The Green Web Foundation

Förderung grüner Hosting- und Webpraktiken.

Zur Initiative →

WebAIM

Forschungs- und Beratungsstelle zu Accessibility.

Zur Initiative →

The A11y Project

Ressourcen und Tools zur digitalen Barrierefreiheit.

Zur Initiative →

Gute Seiten

Initiative für nachhaltige Webgestaltung im deutschsprachigen Raum.

Zur Initiative →

Creatives for Future

Netzwerk engagierter Kreativer für den Klimaschutz.

Zur Initiative →

Sustainable UX Network

Community für nachhaltige User Experience.

Zur Initiative →

Digital Cleanup Day

Aufräumaktion zur digitalen Entlastung für Mensch und Umwelt.

Zur Initiative →

Small Tech

Setzt sich für Privatsphäre, digitale Souveränität und menschliche Technologie ein.

Zur Initiative →

IndieWeb

Community-Bewegung, für ein unabhängiges, dezentrales und selbstbestimmtes Web.

Zur Initiative →

6. Mindset

Inner Developement Tools

Framework für persönliche und kollektive Entwicklung im Kontext der SDGs.

Mehr Wissen →

17 Ziele

Die globalen Ziele für nachhaltige Entwicklung, erklärt für den Alltag.

Mehr Wissen →

Design Research Society

Plattform für akademischen Austausch über Designforschung.

Mehr Wissen →

7. Podcasts

Web, But Green

Deutscher Podcast zu nachhaltigem Webdesign und Technologie.

Zum Podcast →

Green the Web

Nachhaltiges Webdesign und digitale Umweltbildung.

Zum Podcast →

Future of UX

Zukunft von UX, Design und digitaler Verantwortung.

Zum Podcast →


Icon: Notiz Exit Note: Dieser Artikel wird fortlaufend erweitert. Wenn du noch mehr gute Links für mehr digitale Nachhaltigkeit kennst oder dich austauschen willst, freue ich mich über eine Nachricht oder eine Antwort auf hi@studionani.de.

Du willst mehr über Gestaltung mit Haltung, Slow Business und digitale Selbstbestimmung lesen?

Dann abonniere meinen Newsletter →

(Mein Newsletter kommt auch nur, wenn es wirklich etwas zu sagen gibt.)