Ressourcen schonen
Nachhaltiges Webdesign
Das Thema Nachhaltigkeit im Grafik-Design wird viel diskutiert und es gibt eine große Anzahl von Ansätzen, die darunter zusammengefasst werden. Wie steht es aber mit Nachhaltigkeit in Bezug auf Webdesign? Betrachtet man Nachhaltigkeit vor allem in Bezug auf die verantwortungsvolle Nutzung von Resscourcen, dann spielen folgende Aspekte eine zentrale Rolle:
Server / Hoster
- Hosting mit Strom aus erneuerbaren Energien
- Energieeffizienter Hoster
- Ein am wirklichen Bedarf ausgerichtetes Hostingpaket – keine Megapakete für Minisites
Wenn man ebenfalls eine nachhaltige Nutzbarkeit und allgemeine Zugänglichkeit mit einbezieht, erweitert sich das Spektrum um folgende Themen:
Nachhaltige Codierung:
- W3C- und CSS-Standard-Konformität,
- durch unkomplizierte Updates an neue WebStandards anpassbar
- Plattform- und Browserunabhängigkeit
Lean Concepts:
- Nur solche Erweiterungen nutzen, die wirklich gebraucht werden und die für die Darstellung der Inhalte sinnvoll sind (das alte Prinzip „Form follows Function").
- Print-Funktion nur anbieten, wenn sie Sinn macht, z.B. bei Wegbeschreibungen oder AGB
Liquid Layout:
Das Layout erlaubt die Erweiterung der Menüs und Inhalte. Damit ist z.B. gemeint, dass die Textlängen der Beiträge nicht durch das Layout beschränkt sind (z.B. durch Festlegung einer fixen Seitenhöhe) oder dass Menüs erweitert werden können, ohne das Layout umstellen zu müssen.Benutzerfreundlichkeit / Barrierearmut
- Integration einer Sitemap zur Übersicht aller zur Website gehörenden Seiten
- Breadcrumbs
- Volltextsuche
- Klare Strukturierung
- Gliederung der Texte mit Zwischenüberschriften
- Textnavigation bei längeren Beiträgen
- Wahl einer ausreichend großen Schrift mit Vergrößerungsfunktion
- Eine maximale Zeilenlänge von ca. 600px
- Ein ausreichender Kontrast zwischen Schrift und Hintergrund
- Icon-Größe (z.B. für E-Mail- und PDF-Ansichts-Funktion) ausreichend
- Titel- und Alternativ-Texte für alle Links und Grafiken
- Besondere Kennzeichnung externer Links, die in einem neuen Fenster geöffnet werden
- Bereitstellung einer nicht sichtbaren Hintergrund-Navigation für spez. Ausgabegeräte (z.B. in Braille-Schrift)
- Verzicht auf MouseOver-Aufklappmenüs in der Navigation, die Menschen mit Feinmotorik-Defiziten Probleme bereiten
- Berücksichtigung von Rot-Grün-Schwäche / Farbenblindheit
- Wiederholung der Hauptnavigation im Footer
- Ergänzung grafischer Elemente durch beschreibenden, informativen Text (für Menschen mit Einschränkung der Sehkraft)
- Zugänglichkeit der Website ohne die Notwendigkeit von Browseranpassungen und / oder Zusatzinstallationen von PlugIns
- Allgemein verständliche, voraussetzungsfreie Sprache
- Glossarfunktion, wenn Fachbegriffe benutzt werden (müssen)
- Kontaktinformationen durch max. 1 Klick von jeder Seite aus abrufbar oder auf jeder Einzelseite vorhanden (z.B. bei Praxen, Geschäften, Lokalen etc.).
- Feedbackmöglichkeit durch (kurze!) Kontaktformulare
- Startseite bietet Überblick und erleichtert die schnelle Auffindbarkeit der gesuchten Inhalte