Web Sustainability Guidelines 1.0
- Einblick
- Ereignis
Im April diesen Jahres veröffentlichte eine Community Group des W3C die Web Sustainability Guidelines 1.0. Sie definiert Anforderungen, die bei der Umsetzung von nachhaltigem Webdesign unterstützen. Wir wollen die Richtlinie vorstellen.
Im April diesen Jahres veröffentlichte eine Community Group des W3C die Web Sustainability Guidelines (WSG) 1.0. Sie definiert Empfehlungen und Anforderungen, die bei der Umsetzung von nachhaltigem Webdesign unterstützen. Kurz nach einem virtuellen Treffen im Kontext unserer Gemeinwohl-Aktivitäten erfuhr ich durch Zufall von dieser neuen Spezifikation. Nun gehören W3C-Standards für mich als Accessibility-Auditorin zu meinem täglichen Handwerkszeug – nicht zuletzt die Web Content Accessibility Guidelines (WCAG), welche die Web Sustainability Guidelines deutlich inspirierten. Rasch war klar, ich wollte mehr darüber erfahren.
Ein offenes Web zum Wohle aller
Die Arbeit des W3C basiert auf der Idee, das Web so zu gestalten, dass es für alle zugänglich ist: sicher, offen, interoperabel und zum Wohle aller Nutzenden. Klug eingesetzt hat das Internet ein großes Potenzial für die Gesellschaft und die Umwelt. Wir sehen jedoch auch, dass Menschen die Technologie verwenden, um die Privatsphäre zu verletzen, unethisch zu handeln oder gar die persönlichen Freiheiten und das Wohl der Gesellschaft zu untergraben. Riesige Rechenzentren schicken Daten hin und her und verbrauchen Unmengen an Energie.
Ganz konkret verursacht das Internet derzeit etwa 2-5 % der weltweiten Kohlenstoffemissionen. Seit dem Pariser Abkommen zur Begrenzung des globalen Temperaturanstiegs auf 1,5 °C ist die durchschnittliche Webseitengröße auf dem Desktop um über 70 % und auf dem Handy um 140 % gestiegen. Die Zahl der Besucherinnen zwischen 2015 und 2021 stieg um 60 %, während der Datenverkehr um 440 % zunahm.
Nachhaltiges Webdesign
Die Umweltauswirkung digitaler Technologien ist zum großen Teil auf den Stromverbrauch zurückzuführen. Strom wird häufig aus fossilen Brennstoffen gewonnen, deren Verbrennung Kohlendioxid (CO₂) erzeugt und gemeinhin als Kohlenstoffemission bezeichnet wird. Die Senkung von Kohlenstoffemissionen ist im Kontext von digitaler Nachhaltigkeit jedoch nur ein Aspekt. Faktoren wie Wasserverbrauch, die Belastung durch den massiven Anstieg von Elektroschrott, die Gewinnung von Wertstoffen und nicht zuletzt die chemischen Schadstoffe, die bei der Herstellung von elektronischen Geräten entstehen, spielen ebenfalls eine Rolle.
Die Web Sustainability Guidelines zielen darauf ab, Unternehmen mit bewährten Verfahren bei der Reduzierung der Umweltbelastung zu unterstützen. Der Mensch und der Planet stehen dabei an erster Stelle. Die Richtlinien beruhen auf messbaren, evidenzbasierten Forschungsergebnissen und folgen dem Sustainable Web Manifesto. Das Manifest basiert auf den Prinzipien: sauber, effizient, offen, ehrlich, regenerativ und widerstandsfähig. Das bedeutet, die angebotenen Dienstleistungen
- verwenden erneuerbare Energien (sauber),
- sind ressourcenschonend (effizient),
- sind zugänglich und ermöglichen den offenen Informationsaustausch sowie die Kontrolle über die eigenen Daten (offen),
- führen Nutzende aufgrund von Design oder Inhalt nicht in die Irre und schaden ihnen nicht (ehrlich),
- unterstützen eine Wirtschaft zum Wohle der Menschen und des Planeten (regenerativ) und
- funktionieren da, wo Menschen sie am meisten brauchen (widerstandsfähig).
Das Manifest versteht sich als eine gemeinsame, öffentliche Aufforderung, ein nachhaltiges Internet zu schaffen. Alle, die es unterzeichnen, verpflichten sich dazu, den Prinzipien zu folgen.
UX-Design, Web Development, Infrastruktur und Strategie
Wenn Sie die WCAG bereits kennen, werden Sie sich schnell mit dem Aufbau der WSG vertraut machen. Sie finden auch hier eine Unterteilung in Guidelines, untergeordnete Erfolgskriterien und einen Abschnitt zu Konformität und Konformitätsbedingungen. Mit 93 Guidelines und insbesondere 232 Erfolgskriterien sind die WSG jedoch kleinteiliger strukturiert als die WCAG. Die Guidelines selbst, eingeteilt in 4 Bereiche (User Experience Design, Web-Entwicklung, Hosting, Infrastruktur und Systeme, Geschäftsstrategie und Produktmanagement) sind recht aussagekräftig formuliert und bieten zusammen mit den kurzen zusammenfassenden Abschnitten zu Beginn jeder Guideline gute Orientierungspunkte.
Neben den WSG selbst gibt es ein separates einführendes Dokument, die Kurzdarstellung WSG 1.0 at a Glance sowie das Dokument Sustainable Tooling And Reporting (STAR) 1.0, welches eine Test-Methodik und vor allem aber eine umfangreiche Sammlung von Techniken bereithält. Die Techniken leiten Umsetzende und prüfende Personen bei der Erfüllung der WSG-Erfolgskriterien und -Richtlinien an (zum Beispiel WD05-1: Conform to WCAG as a Baseline Level of Acceptable Accessibility oder WD04-1: Eliminate Redundant Code Through Coverage or Tree Shaking).
Der jeweiligen Liste von Erfolgskriterien folgt eine Einstufung nach „Auswirkungen“ und „Aufwand“. Der Abschnitt „Nutzen“ vermittelt den Lesenden, warum die Anforderung auf unterschiedlichen Ebenen wichtig ist. Außerdem wird die Richtlinie in den Kontext eines anderen Standards gesetzt, der Richtlinie für die Erstellung von Nachhaltigkeitsberichten (GRI). Zuletzt folgen Beispiele, Ressourcen und Schlagworte.
Im Gegensatz zu den WCAG handelt es sich bei den WSG um einen "Draft Community Group Report" und nicht um eine offizielle "W3C Recommendation".
Progress over Perfection
Der vollständige Community Report, genauer gesagt die schiere Anzahl von Erfolgskriterien, kann auf den ersten Blick recht überwältigend und einschüchternd wirken. Auch wenn die Erfolgskriterien (wie bei den WCAG auch) die prüfbaren Aussagen darstellen, hilft es, sich erst einmal auf die Guidelines zu konzentrieren.
Das einführende Dokument empfiehlt, sich einzelne Aspekte herauszupicken. Wo können Sie etwas bewirken? Was spricht Sie an? Begreifen Sie die Umsetzung als Prozess des kontinuierlichen Lernens und der Verbesserungen. Weder gilt es, eine bestimmte Reihenfolge einzuhalten, noch alle Kriterien auf einmal zu lesen oder zu übernehmen. Jede einzelne Guideline bringt einen messbaren Nutzen. Konformität wird an der Umsetzung jeder einzelnen Richtlinie und den Erfolgskriterien auf der gesamten Website oder dem gesamten Produkt gemessen.
Guidelines
Die folgende Auflistung der Guidelines soll dazu einladen, ganz im Sinne der Autorinnen und Autoren zu stöbern und sich mit den Anforderungen vertraut zu machen.
User-Experience Design
Design-Entscheidungen bestimmen nicht nur die visuelle Ästhetik einer Website oder Anwendung, sondern haben auch Einfluss auf die Nutzerfreundlichkeit eines Produkts. Je besser Sie die Bedürfnisse von Nutzenden kennen, desto besser können Sie eine effiziente Nutzungsweise ermöglichen. Eine gute Informationsarchitektur, verständlich geschriebene Inhalte, nicht zuletzt Designmuster, die an Konventionen orientiert sind, helfen Nutzenden, Inhalte schnell und zufriedenstellend zu finden und somit weniger Energie zu verbrauchen. Ein bewusster Umgang mit Assets wie Videos und Bilder wirkt sich außerdem ressourcenschonend aus.
- 2.1 Undertake Systemic Impacts Mapping
- 2.2 Assess and Research Visitor Needs
- 2.3 Research Non-Visitor's Needs
- 2.4 Consider Sustainability in Early Ideation
- 2.5 Account for Stakeholder Issues
- 2.6 Create a Frictionless Lightweight Experience by Default
- 2.7 Avoid Unnecessary or an Overabundance of Assets
- 2.8 Ensure Navigation and Way-Finding Are Well-Structured
- 2.9 Respect the Visitor's Attention
- 2.10 Use Recognized Design Patterns
- 2.11 Avoid Manipulative Patterns
- 2.12 Document and Share Project Outputs
- 2.13 Use a Design System To Prioritize Interface Consistency
- 2.14 Write With Purpose, in an Accessible, Easy To Understand Format
- 2.15 Take a More Sustainable Approach to Image Assets
- 2.16 Take a More Sustainable Approach to Media Assets
- 2.17 Take a More Sustainable Approach to Animation
- 2.18 Take a More Sustainable Approach to Typefaces
- 2.19 Provide Suitable Alternatives to Web Assets
- 2.20 Provide Accessible, Usable, Minimal Web Forms
- 2.21 Support Non-Graphic Ways To Interact With Content
- 2.22 Provide Useful Notifications To Improve The Visitor's Journey
- 2.23 Reduce the Impact of Downloadable or Physical Documents
- 2.24 Create a Stakeholder-Focused Testing & Prototyping Policy
- 2.25 Conduct Regular Audits, Regression, and Non-Regression Tests
- 2.26 Incorporate Performance Testing Into Each Major Release-Cycle
- 2.27 Incorporate Value Testing Into Each Major Release-Cycle
- 2.28 Incorporate Usability Testing Into Each Minor Release-Cycle
- 2.29 Incorporate Compatibility Testing Into Each Release-Cycle
Web-Entwicklung
Web-Entwickelnde realisieren in der Regel Ideen und Konzepte aus dem Design. Sie können Einfluss nehmen, wie der Code im Frontend und im Backend umgesetzt wird. Außerdem können Sie Code etwa im Hinblick auf Zugänglichkeit, Leistung und Sicherheit optimieren, mit technischen Features sowie einem sinnvollen Satz an Werkzeugen die Nachhaltigkeit eines Produkts unterstützen. Planen Sie bewusst, ob Sie etwa ein sperriges Framework, einen Static Site Generator (SSG) oder ein Content Management System (CMS) benötigen. Auch hier gilt: Eine Website mit schlankem Code verbraucht weniger Energie.
- 3.1 Identify Relevant Technical Indicators
- 3.2 Minify Your HTML, CSS, and JavaScript
- 3.3 Use Code-Splitting Within Projects
- 3.4 Apply Tree Shaking To Code
- 3.5 Ensure Your Solutions Are Accessible
- 3.6 Avoid Code Duplication
- 3.7 Rigorously Assess Third-Party Services
- 3.8 Use HTML Elements Correctly
- 3.9 Resolve Render Blocking Content
- 3.10 Provide Code-Based Way-Finding Mechanisms
- 3.11 Validate Form Errors and External Input
- 3.12 Use Metadata Correctly
- 3.13 Adapt to User Preferences
- 3.14 Develop a Mobile-First Layout
- 3.15 Use Beneficial JavaScript and Its APIs
- 3.16 Ensure Your Scripts Are Secure
- 3.17 Manage Dependencies Appropriately
- 3.18 Include Files That Are Automatically Expected
- 3.19 Use Plaintext Formats When Appropriate
- 3.20 Avoid Using Deprecated or Proprietary Code
- 3.21 Align Technical Requirements With Sustainability Goals
- 3.22 Use the Latest Stable Language Version
- 3.23 Take Advantage of Native Features
- 3.24 Run Fewer, Simpler Queries As Possible
Hosting, Infrastruktur und Systeme
DevOps (Developer Operations) und Hosting-Anbieter sind dafür zuständig, dass die Infrastruktur für ein Produkt oder einen Dienst den gegebenen Anforderungen entspricht. Des Weiteren kann die Entscheidung, wo die Inhalte angesiedelt werden, und wie die Verwaltung ihrer Interaktion mit den Browsern geschieht, Vorteile im Zusammenhang mit der Nachhaltigkeit bringen.
- 4.1 Choose a Sustainable Hosting Provider
- 4.2 Optimize Browser Caching
- 4.3 Compress Your Files
- 4.4 Use Error Pages and Redirects Carefully
- 4.5 Limit Usage of Additional Environments
- 4.6 Automate To Fit the Needs
- 4.7 Maintain a Relevant Refresh Frequency
- 4.8 Be Mindful of Duplicate Data
- 4.9 Enable Asynchronous Processing and Communication
- 4.10 Consider CDNs and Edge Caching
- 4.11 Use the Lowest Infrastructure Tier Meeting Business Requirements
- 4.12 Store Data According to Visitor Needs
Geschäftsstrategie und Produkt-Management
Alle, die eine Website oder Anwendung besitzen oder betreiben, treffen strategische Entscheidungen, definieren Ziele oder kommunizieren Erfolge oder Entwicklungen, die nachhaltige Auswirkungen haben können. Sie können die Art und Weise beeinflussen, wie ein Produkt oder eine Dienstleistung entwickelt wird. Außerdem können sie Veränderungen innerhalb eines Unternehmens anstoßen und damit den Schutz des Klimas fördern, soziale Aspekte berücksichtigen und nachhaltige Geschäftsmodelle umsetzen.
- 5.1 Have an Ethical and Sustainability Product Strategy
- 5.2 Assign a Sustainability Representative
- 5.3 Raise Awareness and Inform
- 5.4 Communicate the Ecological Impact of User Choices
- 5.5 Estimate a Product or Service's Environmental Impact
- 5.6 Define Clear Organizational Sustainability Goals and Metrics
- 5.7 Verify Your Efforts Using Established Third-Party Business Certifications
- 5.8 Implement Sustainability Onboarding Guidelines
- 5.9 Support Mandatory Disclosures and Reporting
- 5.10 Create One or More Impact Business Models
- 5.11 Follow a Product Management and Maintenance Strategy
- 5.12 Implement Continuous Improvement Procedures
- 5.13 Document Future Updates and Evolutions
- 5.14 Establish if a Digital Product or Service Is Necessary
- 5.15 Determine the Functional Unit
- 5.16 Create a Supplier Standards of Practice
- 5.17 Share Economic Benefits
- 5.18 Share Decision-Making Power With Appropriate Stakeholders
- 5.19 Use Justice, Equity, Diversity, Inclusion (JEDI) Practices
- 5.20 Promote Responsible Data Practices
- 5.21 Implement Appropriate Data Management Procedures
- 5.22 Promote and Implement Responsible Emerging Technology Practices
- 5.23 Include Responsible Financial Policies
- 5.24 Include Organizational Philanthropy Policies
- 5.25 Plan for a Digital Product or Service's Care and End-of-Life
- 5.26 Include E-Waste, Right-To-Repair, and Recycling Policies
- 5.27 Define Performance and Environmental Budgets
- 5.28 Use Open Source Tools
- 5.29 Create a Business Continuity and Disaster Recovery Plan
Fazit
Die junge Spezifikation basiert auf den Prinzipien Environment, Social, Governance (ESG). Neben dem Schutz des Klimas berücksichtigt sie soziale Aspekte wie etwa Barrierefreiheit, Datenschutz und Sicherheit sowie nachhaltige Geschäftsmodelle, die einen gerechten, gemeinsamen Wohlstand zum Ziel haben.
Im Sinne dieser ESG-Prinzipien sollte es uns allen ein Anliegen sein, Schritt für Schritt ein bisschen besser zu werden und unser Handeln und unsere Entwicklungen auf den Prüfstand zu stellen.
Ressourcen
- Web Sustainability Guidelines (WSG) 1.0, Draft Community Group Report (W3C), 11. April 2024
- Introduction to Web Sustainability, W3C, 11. April 2024
- At A Glance, W3C, 11. April 2024
- Sustainable Tooling And Reporting (STAR), W3C, 11. April 2024
- Quick Reference, W3C, 11. April 2024
- sustainablewebdesign.org, Mightybytes, Wholegrain Digital
- Introduction to web sustainability, Michelle Barker, MDN, 2023