Startbild, ein Mann in Malerkleidung mit einem Baby auf dem Rücken malt an dem Wandbild. Mann, Baby und Wandbild sind nachgezeichnet und somit hervorgehoben.

Wandbild ‚POWERED BY SUSTAINABILITY‘

Bildnachweis Originalbild: Fotograf*in: Theresa Hogue; Creative Commons, CC BY 2.0. Bild wurde verändert: illustrierte Parts von Silke Newig.

Bild 2

Korallenforschung

Bildnachweis Originalbild: Fotograf*in: NPS Climate Change Response/flickr; Public Domain. Bild wurde verändert: illustrierte Parts von Silke Newig.

Zwei junge Frauen destillieren die flüssige Essenz aus Kräutern. Die Flüssigkeit wird von einem in ein anderes gläsernes Gefäß gegossen. Man erkennt die Kräuter im oberen Glas noch gut. Die beiden Frauen und die Kräutergläser wurden nachgezeichnet und somit fokussiert.

Kräuterkunde

Bildnachweis Originalbild: Sterling College Vermont/flickr; Creative Commons, CC BY 2.0. Bild wurde verändert: illustrierte Parts von Silke Newig.

Startbild, ein Mann in Malerkleidung mit einem Baby auf dem Rücken malt an dem Wandbild. Mann, Baby und Wandbild sind nachgezeichnet und somit hervorgehoben.
Ein Taucher untersucht Korallen im Meer. Taucher und Koralle wurden nachgezeichnet uns somit hervorgehoben.
Zwei junge Frauen destillieren die flüssige Essenz aus Kräutern. Die Flüssigkeit wird von einem in ein anderes gläsernes Gefäß gegossen. Man erkennt die Kräuter im oberen Glas noch gut. Die beiden Frauen und die Kräutergläser wurden nachgezeichnet und somit fokussiert.

Bild 1: WANDBILD ‚POWERED BY SUSTAINABILITY‘

Bildnachweis Originalbild: Fotograf*in: Theresa Hogue/flickr; Creative Commons, CC BY 2.0. Bild wurde verändert

Bild 2: KORALLENFORSCHUNG

Bildnachweis Originalbild: Fotograf*in: NPS Climate Change Response/flickr; Public Domain. Bild wurde verändert.

Bild 3: KRÄUTERKUNDE

Bildnachweis Originalbild: Fotograf*in: Sterling College Vermont/flickr; Creative Commons, CC BY 2.0. Bild wurde verändert.

Nach­hal­tig di­gi­tal

Design

Unsere Webpraktiken.

Digitale Suffizienz


Techniksuffizienz

  • Website ist für unterschiedliche Geräte und Browser optimiert und damit responsiv

Datensuffizienz

  • Nutzung effizienten Codes
  • bewusster Einsatz von Bildern –
    Pixelgrafiken datensparsam einsetzen z. B. im WebP-Format
  • Nutzung von Vektorgrafiken (.svg) mit geringer Datenmenge
  • bewusster Einsatz von Videos und Animationen
  • „Dark Mode“ (Eco-Screen bei Inaktivität)
  • Reduktion der Plugin- und Script-Nutzung

Nutzungssuffizienz

  • konsequentes Vermeiden von „Dark Patterns“
  • und außerdem: Uns trifft man auch im analogen Raum. 🙂

Konsequenter Datenschutz


Datensuffizienz

  • lokales Hosting von Medien

Privacy by Design

  • kein Tracking
  • keine Cloud-Anbindungen (z. B. Fonts oder Bibliotheken)

Dateneigentum den Nutzern

  • keine Einbindung von dritten Domains
  • kein Setzen von Cookies

Gemeinwohlorientierung & ethisches Design


Open Source

  • Verwendung von WordPress als Open Source Content-Management-System

Empowerment

  • Text(e) sinnvoll eingesetzt und gut lesbar
  • klare Struktur durch übersichtliche Navigation
  • Dokumentation über verwendete Webpraktiken

Integration von Natur und Umwelt

  • Gestaltungsprozess, bei der Natur/Planet Stakeholder ist
    („klimagerechtes Weltbild“)

Inklusion und Barrierefreiheit

  • klare Struktur durch übersichtliche Navigation;
    tastaturbedienbar, semantisch korrekter Aufbau
  • Grafiken mit Alternativtexten versehen

psychologische Auslöser

  • Datentransparenz
  • konsistente Websitegestaltung

kooperative Plattform

  • Einbezug von Nutzenden/Beteiligung von Stakeholdern
  • Übersicht über andere Angebote

Link

Sammlung von Methoden zur Gestaltung von nachhaltigen Websites

* * *

Digitale Barrierefreiheit

Mehrwert für alle.

Nachhaltigkeit im digitalen Raum bedeutet mehr als nur energieeffiziente Server und ressourcenschonenden Code. Ein wirklich nachhaltiges Webdesign ist auch sozial nachhaltig – und dazu gehört die digitale Barrierefreiheit. Webseiten und digitale Angebote sollten so gestaltet sein, dass sie von allen Menschen unabhängig von individuellen Einschränkungen oder technischen Voraussetzungen genutzt werden können.

Barrierefreiheit ist damit ein zentraler Bestandteil von Nachhaltigkeit und steht im direkten Zusammenhang mit den Zielen der Agenda 2030, insbesondere mit SDG 4 (Hochwertige Bildung) und SDG 10 (Weniger Ungleichheiten). Barrierefreie Webseiten und digitale Angebote sorgen für eine gleichberechtigte Teilhabe und tragen zu einer gerechteren Gesellschaft bei.

Links

Web Content Accessibility Guidelines: Richtlinie zur Barrierefreiheit von Websites in der deutschen Übersetzung.

Zusammenstellung nützlicher Hinweise und Materialien rund um das Thema digitale Barrierefreiheit in Hochschulkontexten.

Übersichtliche Checklisten zu verschiedenen Aspekten der barrierefreien digitalen Lehre.

Seite mit unterschiedlichen Anleitungen zur barrierefreien Umsetzung von Webseiten.

Österreichische Seite mit ebenfalls nützlichen Hilfen zum Thema. Unter anderem sehr ausführliche Hilfestellung zur Arbeit mit InDesign.

Eines von vielen nützlichen Tools zur Überprüfung der Farbkontrast-Verhältnisse.

Kostenloses Tool zur Überprüfung von PDF-Barrierefreiheit
(aktuell nur für Windows-Systeme).

* * *

Open Educational Resources

Für eine Kultur des Teilens.

BNE und OER erweisen sich als wechselseitig ergänzende Elemente. Denn eine inklusive, gerechte, hochwertige und partizipative Bildung ist auf Zugang zu offenen Bildungsmaterialien angewiesen, um eine nachhaltige Entwicklung voranzutreiben. So können Wissensressourcen gemeinsam genutzt und bearbeitet, doppelte Arbeit vermieden sowie eine Kultur des Teilens etabliert werden.

Damit unterstützen OER die globalen Nachhaltigkeitsziele, insbesondere SDG 4 (Hochwertige Bildung) und SDG 10 (Weniger Ungleichheiten) und tragen zu einer zukunftsfähigen Hochschulbildung bei – offen, inklusiv und nachhaltig.

Links

Zentrales Portal für digital gestütztes Lehren und Lernen mit einem besonderen Schwerpunkt auf OER.

30 praxisnahe BNE-Lerneinheiten für die Hochschulbildung angehender Pädagog*innen.

Englischsprachige Fallstudien zu sechs Nachhaltigkeitszielen, die ein Verständnis dafür vermitteln, wie digitale Technologien als Antwort auf ökologische, soziale und wirtschaftliche Herausforderungen eingesetzt wurden. (Zugang über Shibboleth)

12 deutsch- bzw. englischsprachige Fallstudien zur Bewältigung der Klimakrise und zur Steigerung der Nachhaltigkeit, die bspw. in den Studiengängen Wirtschaftsingenieurwesen und Umweltingenieurwesen diskutiert werden können.

(teilweise mit CC-lizenziertem Material)

(PDF)