Accessibility, Sustainability and the Open Web

Accessibility, Sustainability and the Open Web 🔗 **Source:** [Accessibility, Sustainability and the Open Web](https://www.youtube.com/watch?v=vdXIW8zYRSE) > [!note]+ Document Notes > tags: [accessibility, sustainability, web-performance] > author: John Lockhart > source: YouTube > reference: https://www.youtube.com/watch?v=vdXIW8zYRSE > date created: 2024-12-19 10:30 > > # 🏷️ Title: Accessibility, Sustainability and the Open Web >  ## 🧰 Action Inbox - [H1] Review W3C Web Sustainability Guidelines draft — implement governance practices #sustainability - [H2] Audit third-party scripts for performance impact — quarterly review process #performance - [H3] Implement accessibility guardrails in CMS — investigate Editoria11y module #accessibility ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [W3C Web Sustainability Guidelines](https://w3c.github.io/sustyweb/) - [University of Edinburgh Digital Sustainability Blog](https://blogs.ed.ac.uk/digital-communications/) ## 📝 Summary - John Lockhart from University of Edinburgh explores how accessibility and sustainability reinforce each other in web development - Accessible websites tend to be simpler, faster, and more energy-efficient, creating better experiences for users and the planet - The European Accessibility Act (2025) and evolving Core Web Vitals metrics are driving increased attention to these practices - Drupal provides strong foundation for both accessible and sustainable web development through core features - University of Edinburgh case study demonstrates measurable improvements through student internship sustainability projects ## 📖 Main Content John Lockhart presents a compelling argument that accessibility and sustainability are complementary forces in web development. His core thesis suggests that accessible websites are typically simpler and faster, which makes them more energy-efficient, while open web technologies reduce bloat and vendor lock-in. The presentation addresses recent regulatory drivers including the European Accessibility Act coming into effect in 2025, requiring public sector compliance with WCAG 2.2 AA standards. Google's Core Web Vitals evolution, particularly the move to Interaction to Next Paint (INP) metrics, reflects industry focus on real-world user experience and performance. Lockhart introduces the draft W3C Web Sustainability Guidelines, structured similarly to WCAG with four categories: user experience, web development, hosting/infrastructure, and business/product. These guidelines provide evidence-based recommendations for creating more sustainable web experiences. Drupal emerges as particularly well-suited for implementing both accessibility and sustainability practices, with features like the Olivero theme (WCAG-compliant by default), responsive imagery, lazy loading, and robust caching already built into core. ## 🗒️ Notes #### ⏱️ [00:00](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=0) — [H1] Introduction and Session Overview - Key idea: Accessibility and sustainability share common principles and reinforce each other - Evidence: "Recently it's become of interest to me... how much they have in common" #### ⏱️ [02:30](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=150) — [H2] Recent Regulatory Drivers - Key idea: European Accessibility Act 2025 mandates WCAG 2.2 AA compliance for public sector - Evidence: "We have to comply with the W3C WCAG 2.2AA standards and we have to produce an accessibility statement" #### ⏱️ [04:45](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=285) — [H2] Core Web Vitals Evolution - Key idea: Google's move to Interaction to Next Paint (INP) better measures real-world responsiveness - Evidence: "Better measure of how interactive and responsible website is from the user's perspective for the duration of their visit" #### ⏱️ [06:15](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=375) — [H1] Core Thesis Statement - Key idea: Accessible websites are simpler, faster, and more energy-efficient - Evidence: "Accessible websites are often simpler and faster... less cognitive load and fewer bytes shipped" #### ⏱️ [08:30](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=510) — [H2] Accessibility-Sustainability Overlap - Key idea: Semantic HTML, performance optimization, and content strategy benefit both goals - Evidence: "Semantic HTML... richer accessible experience... reduces energy use" #### ⏱️ [12:00](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=720) — [H1] W3C Web Sustainability Guidelines - Key idea: Draft guidelines mirror WCAG structure with four categories of recommendations - Evidence: "Divided up into four categories... user experience, web development, hosting, infrastructure, and business and product" #### ⏱️ [15:45](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=945) — [H3] Future Legislation Direction - Key idea: Sustainability guidelines may follow accessibility's path toward regulatory requirements - Evidence: "I would not be at all surprised in the future legislation in long term will go down that road" #### ⏱️ [18:20](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=1100) — [H2] UX Category Guidelines - Key idea: Minimize non-essential content, clear patterns, inclusive language, respect user preferences - Evidence: "Minimizing non-essential content... clear information architecture and patterns" #### ⏱️ [20:15](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=1215) — [H2] Web Development Best Practices - Key idea: Remove render blocking, use native semantics, optimize media, minimize dependencies - Evidence: "Using native semantics... minimizing dependencies on your frameworks, optimizing images and video" #### ⏱️ [25:30](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=1530) — [H2] Hosting and Infrastructure Considerations - Key idea: Choose greener providers, but obtaining reliable data remains challenging - Evidence: "Half the time we're trying to get the data just to work out what on earth is going on" #### ⏱️ [30:45](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=1845) — [H1] Drupal's Sustainability Strengths - Key idea: Drupal core provides excellent foundation for accessible and sustainable development - Evidence: "Olivero theme... really great baseline theme... caching layer in Drupal... really in some ways amazing" #### ⏱️ [35:20](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=2120) — [H2] Implementation Strategies - Key idea: Accessibility guardrails, image optimization, and performance tuning are achievable in Drupal - Evidence: "Editoria11y... very nice module... editorial facing accessibility checker" #### ⏱️ [42:15](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=2535) — [H2] Content Strategy Impact - Key idea: Content auditing and pruning improves both user experience and sustainability - Evidence: "Fewer better pages would equal a lower cognitive load and fewer resources" #### ⏱️ [48:30](https://www.youtube.com/watch?v=vdXIW8zYRSE?t=2910) — [H1] University of Edinburgh Case Study - Key idea: Student internship program drove measurable sustainability improvements across web estate - Evidence: "Measurable bite reductions and faster user experience and some policy updates" ## 📚 References - [W3C Web Sustainability Guidelines Draft](https://w3c.github.io/sustyweb/) - [University of Edinburgh Digital Sustainability Blog Posts](https://blogs.ed.ac.uk/digital-communications/) - [Editoria11y Drupal Module](https://www.drupal.org/project/editoria11y) - [WCAG 2.2 Guidelines](https://www.w3.org/WAI/WCAG22/quickref/) ## 🗣️ Paraphrase - Web accessibility and sustainability share fundamental principles of efficiency, simplicity, and user-centered design that create mutually reinforcing benefits - Regulatory frameworks like the European Accessibility Act are driving compliance requirements while performance metrics evolution shows industry commitment to real user experience - The W3C Web Sustainability Guidelines provide structured, evidence-based approach to sustainable web development across the entire product lifecycle ## 📰 Newsletter **Accessibility and Sustainability: Better Together for WordPress** Great news for WordPress developers focused on inclusive, efficient websites! Recent research shows that accessible websites are naturally more sustainable - they're simpler, faster, and use fewer resources while providing better user experiences. Key takeaways for your WordPress projects: - **Built-in advantages**: WordPress core already includes many sustainability features like responsive images, lazy loading, and efficient caching - **Regulatory readiness**: The European Accessibility Act (2025) and evolving Core Web Vitals metrics make this work essential, not optional - **Practical wins**: Focus on semantic HTML, image optimization, content auditing, and performance monitoring for maximum impact Start with accessibility fundamentals and performance optimization - you'll naturally improve sustainability while creating better experiences for all users. Resources: [WCAG 2.2 Guidelines](https://www.w3.org/WAI/WCAG22/quickref/), [Web Sustainability Guidelines](https://w3c.github.io/sustyweb/), [WordPress Performance](https://make.wordpress.org/core/handbook/testing/reporting-security-vulnerabilities/) ## ✅ Action Items #### WordPress - Core: Evaluate sustainability metrics integration into performance budgets - Core Performance: Profile accessibility features for energy efficiency impact - Community: Develop accessibility-sustainability training materials for meetups - Documentation: Create guides linking WCAG compliance with performance optimization - Themes: Review default themes for sustainability best practices alignment - Accessibility: Audit relationship between WCAG compliance and energy efficiency #### DevRel - Developer advocacy: Create presentations connecting accessibility and sustainability benefits - Education: Develop workshops on implementing both accessible and sustainable WordPress sites - Developer experience: Document sustainability features in accessibility guidelines - Community management: Survey community interest in sustainability-focused initiatives #### OSPO - Policy & Governance: Research regulatory trends connecting accessibility and sustainability requirements - Software Inventory: Track energy efficiency of accessibility-related dependencies - Developer Support: Provide guidance on measuring both accessibility and sustainability metrics ## 🧪 Hypotheses - Accessible websites require fewer computational resources due to simpler, semantic markup and reduced JavaScript dependencies - Organizations implementing accessibility governance frameworks will more easily adopt sustainability practices due to similar audit and compliance patterns - Image optimization strategies that improve accessibility (alt text, responsive images) correlate with significant energy usage reductions - Content auditing for accessibility improvements naturally eliminates resource-intensive redundant content ### 📊 Methodology - Comparative analysis of page weight and energy usage between WCAG-compliant and non-compliant websites - Longitudinal study tracking resource usage before and after accessibility compliance implementations - Cross-sectional survey of organizations measuring both accessibility and sustainability metrics ### ❓ Questions - How do accessibility compliance costs compare with sustainability implementation investments? - Which accessibility features provide the highest sustainability co-benefits? - Can accessibility auditing tools be extended to measure environmental impact? ### 🔮 Future Research - Development of integrated accessibility-sustainability measurement frameworks - Investigation of AI tool energy usage in accessibility testing and remediation - Analysis of regulatory convergence between accessibility and sustainability requirements ### 💡 Implications - Practice: Accessibility teams should incorporate sustainability metrics into compliance reporting - Policy: Regulatory frameworks may evolve to combine accessibility and sustainability requirements - Education: Developer training should emphasize the interconnected benefits of accessible, sustainable design - Funding: Budget allocation for accessibility work can be justified through sustainability benefits ### 🧠 Learning Styles Assessment Reading level estimate: 12th grade (technical presentation with defined terms) #### 👀 Visual learners - Present: Slide-based presentation with clear section headers and bullet points - Improve: Diagram showing accessibility-sustainability overlap, infographics of energy savings #### 🔊 Aural learners - Present: Full video presentation with clear narration and examples - Improve: Audio highlights of key statistics and implementation tips #### 🗣️ Verbal learners - Present: Clear definitions of technical terms, real-world examples from university case study - Improve: Glossary of sustainability and accessibility terminology #### 🧩 Kinesthetic learners - Present: University of Edinburgh case study with measurable outcomes - Improve: Step-by-step implementation checklist, hands-on audit tools #### 🧠 Logical learners - Present: Structured guidelines framework, regulatory timeline, cause-effect relationships - Improve: Decision tree for prioritizing accessibility-sustainability improvements #### 🧑‍🤝‍🧑 Social learners - Present: Team-based approaches, governance frameworks, community examples - Improve: Collaboration templates for cross-functional accessibility-sustainability teams #### 🧘‍♀️ Solitary learners - Present: Self-assessment opportunities through guidelines and case studies - Improve: Individual reflection prompts on current practices and improvements #### 🌿 Naturalistic learners - Present: Strong environmental connections, energy usage analogies - Improve: Ecosystem thinking about web performance impact on global energy consumption ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Video includes detailed verbal descriptions of concepts and examples - Improve: Slide content should be available as structured text with proper heading hierarchy #### Keyboard navigation - Present: Standard YouTube player controls support keyboard navigation - Improve: Supplementary materials should ensure full keyboard accessibility #### Contrast and readability - Present: High contrast presentation slides with clear typography - Improve: Verify slide content meets WCAG AA contrast requirements when viewed independently #### Text resizing and reflow - Present: YouTube player supports zoom functionality - Improve: Presentation materials should be responsive and support 200% zoom #### Media and captions - Present: Video content available with full transcript provided - Improve: Professional captions with proper timing and speaker identification #### Standards reference - Content directly addresses WCAG 2.2 AA requirements and implementation strategies ### 🌍 DEIB Assessment #### Cultural breadth - Present: European regulatory context, international university perspective - Improve: Examples from diverse global regulatory frameworks and cultural contexts #### Inclusive language - Present: Uses person-first language when discussing accessibility needs - Improve: More explicit acknowledgment of diverse user needs and capabilities #### Neurodiversity support - Present: Clear structure with defined sections and consistent formatting - Improve: Content warnings for technical complexity, processing time estimates #### Representation - Present: University case study shows diverse team contributions - Improve: More varied examples of organizations and implementation contexts #### Psychological safety - Present: Acknowledges speaker's limitations and uncertainties honestly - Improve: Clearer pathways for questions and community engagement ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Strong logical connection between accessibility principles and sustainability outcomes - Inductive strength: University case study provides empirical evidence for theoretical claims - Causal reasoning: Clear causal links between semantic HTML, performance, and energy efficiency - Analogical strength: Effective comparison between WCAG adoption and future sustainability regulation #### Fallacies - Appeal to authority: Over-reliance on regulatory frameworks without examining effectiveness - Hasty generalization: University case study may not represent broader organizational experiences #### Tone of voice - Overall tone: Conversational, humble, and technically informed with appropriate uncertainty acknowledgment ### 🛡️ DARVO Analysis - Deny: No denial patterns observed - Attack: No attacks on critics or alternative approaches