Skip to Main Content
Sustainable Web Design Logo
  • Home
  • Guidelines
  • Emissions
  • Ratings
  • Contact

◂ User Experience Design guidelines

2.29 Regularly test and maintain compatibility

User Experience Design

Produce a regularly updated compatibility policy that details support levels, scenarios tested against, and technology used to benefit users.

Criteria

  • Compatibility policy: Machine-testable
    Establish and maintain a compatibility policy which covers current and obsolete devices and software versions, listing the supported device brands, operating systems, and browsers (including versions). Update this regularly in line with new releases.
    • A Framework for Evaluating Browser Support
    • A modern approach to browser support
    • A pragmatic browser support strategy
    • Can browser choice help digital sustainability?
    • Digital sustainability audits: a de facto standard for the Internet carbon footprint
    • GPF – General Policy Framework (PDF) – 1.4 – Strategy (Regular Reviews)
    • GR491 – 3-3023 – Compatibility Policy
    • Resilient web design
    • What is resilience?
    • Which are the best Android and iOS web browsers to use?
  • Maintaining compatibility: Machine-testable
    Avoid planned obsolescence. Strive to maintain compatibility for as long as possible and communicate clearly whether an update is evolutionary, as in large updates that can significantly reduce performance, or corrective, as in smaller updates that fix bugs or improve security.
    • A Framework for Evaluating Browser Support
    • A modern approach to browser support
    • A pragmatic browser support strategy
    • Climate-friendly software: don’t fight the wrong battle
    • Digital sustainability audits: a de facto standard for the Internet carbon footprint
    • Ecoconception Presentation (French) (PDF)
    • GPF – General Policy Framework (PDF) – 1.4 – Strategy (Regular Reviews)
    • GR491 – 3-3018 – Electronicism
    • GR491 – 3-3019 – The Digital Gap
    • GR491 – 4-5028 – Compatibility Range
    • How Far Back in Time Can I Take My Website’s Design
    • Mise à jour logicielle : il est urgent de légiférer (French)
    • Software Maintenance Types: Corrective, Adaptive, Perfective, and Preventive
    • United Nations SDGS – Goal 1 – Poverty
    • United Nations SDGS – Goal 3 – Health & Well-being
    • United Nations SDGS – Goal 4 – Education
    • United Nations SDGS – Goal 9 – Infrastructure
    • United Nations SDGS – Goal 10 – Inequality
    • United Nations SDGS – Goal 16 – Sustainable Society
    • Web Almanac: Sustainability
    • Web Vitals
  • Frequent testing: Machine-testable
    Test performance in various scenarios to ensure compatibility. Testing should cover weak, unstable, restricted, or slow connections, old browsers, and devices older than five years.
    • Avoid obsolescence tactics
    • BCD Watch
    • BrowserHacks
    • BrowserStack
    • Can I Stop?
    • CSS Triggers
    • GPF – General Policy Framework (PDF) – 1.4 – Strategy (Regular Reviews)
    • GPF – General Policy Framework (PDF) – 2.1 – Specifications (Hardware Profiles)
    • GPF – General Policy Framework (PDF) – 2.2 – Specifications (Older Device)
    • GPF – General Policy Framework (PDF) – 2.3 – Specifications (Connection Issues)
    • GPF – General Policy Framework (PDF) – 2.4 – Specifications (Older Software)
    • GR491 – 3-3018 – Electronicism
    • GR491 – 3-3019 – The Digital Gap
    • GR491 – 3-3020 – Weak Connections
    • GR491 – 4-5028 – Compatibility Range
    • GR491 – 4-5031 – Older Equipment
    • GreenIT – 4009 – Ensure compatibility with older devices and software configurations
    • How web bloat impacts users with slow devices
    • IBM Design For Sustainability (PDF)
    • Internet access, sustainability, and citizen participation
    • Internet Speeds by Country 2023
    • Introducing Web Vitals
    • iOS 404
    • Learn Testing
    • Network Throttling in Chrome DevTools
    • Performance Is Accessibility
    • Slowfiles
    • Runtime compatibility?
    • The Carbon Impact of Web Standards (PDF)
    • United Nations SDGS – Goal 1 – Poverty
    • United Nations SDGS – Goal 3 – Health & Well-being
    • United Nations SDGS – Goal 4 – Education
    • United Nations SDGS – Goal 9 – Infrastructure
    • United Nations SDGS – Goal 10 – Inequality
    • United Nations SDGS – Goal 16 – Sustainable Society
    • Using UX Design to Build a Sustainable Future
    • Web features explorer
    • Web Platform Status
    • Web Vitals
    • Webhint
  • Mobile friendly: Human-testable
    Use device-adaptable methods such as responsive design and prototype interfaces to support progressive enhancement and content prioritization.
    • Building a resilient frontend using progressive enhancement
    • Climate-friendly software: don’t fight the wrong battle
    • GPF – General Policy Framework (PDF) – 1.4 – Strategy (Regular Reviews)
    • GPF – General Policy Framework (PDF) – 2.1 – Specifications (Hardware Profiles)
    • GPF – General Policy Framework (PDF) – 2.5 – Specifications (Adaptive Design)
    • GR491 – 3-3018 – Electronicism
    • GR491 – 3-3019 – The Digital Gap
    • GR491 – 4-5028 – Compatibility Range
    • GreenIT – 006 – Use the mobile first strategy
    • Going Responsive
    • How to Become an Eco Web Designer
    • Mobile First
    • Mobile-specific Best Practices
    • Mobile Web Best Practices
    • Prioritize a mobile-first approach
    • Progressive enhancement brings everyone in
    • Quel design pour un navigateur low-tech? (PDF)
    • Resilient web design
    • Responsive design
    • Responsive Design and Accessibility
    • Responsive Design Mode
    • Responsive Design: Patterns & Principles
    • Responsive Web Design
    • Responsive web design basics
    • Responsive Web Design (Book)
    • Responsive web design (Wiki)
    • Responsive Web Design: What It Is And How To Use It
    • Stop resizing your browser
    • Taking RWD To The Extreme
    • The Performance Inequality Gap
    • The State Of Mobile And Why Mobile Web Testing Matters
    • The state of the art in measurement-based experiments on the mobile web
    • United Nations SDGS – Goal 1 – Poverty
    • United Nations SDGS – Goal 3 – Health & Well-being
    • United Nations SDGS – Goal 4 – Education
    • United Nations SDGS – Goal 9 – Infrastructure
    • United Nations SDGS – Goal 10 – Inequality
    • United Nations SDGS – Goal 16 – Sustainable Society
    • Web Almanac: Sustainability
  • Progressive Web Applications (PWAs): Machine-testable
    Use a PWA over a native mobile application if it meets sustainability, interoperability, and compatibility criteria.
    • Assessing the Impact of Service Workers on the Energy Efficiency of Progressive Web Apps (PDF)
    • Evaluating the Impact of Caching on the Energy Consumption and Performance of Progressive Web Apps (PDF)
    • GreenIT – 4019 – Prefer PWA over native mobile applications that are similar to the website
    • Investigating the correlation between performance scores and energy consumption of mobile web apps (PDF)
    • PWA Builder
    • Starbucks Ordering and Store Locator PWA
    • The Carbon Impact of Web Standards (PDF)
    • Web Almanac: Sustainability

Benefits

  • Accessibility
    Incorporating accessibility into early prototypes ensures it remains a priority throughout the lifecycle. Broken code can also impact assistive technologies, such as screen readers, and how they describe content to individuals with visual disabilities. Semantic code can help to deliver an equal, error-free experience to all.
  • Conversion
    Delivering products and services that last longer and enjoy longer-lasting compatibility can increase conversion rates, due to the lower abandonment rates and a broader audience that is able to use a barrier-free version of the product or service.
  • Economic
    Saving time and improving quality results in cost reductions, because increased stability reduces the need for refactoring. Users benefit from greater trust and potentially lower costs and maintenance fees as upgrades may not be required as frequently.
  • Environment
    Avoiding incompatibility issues can significantly reduce e-waste, with planned obsolescence being is one of the biggest contributors to e-waste worldwide.Extending lifespans and improving compatibility within your service plan can improve sustainability and slow the upgrade cycle otherwise driven by sluggish digital experiences.
  • Performance
    Deploying incompatible code has an energy cost. When code is non-standard, deprecated or does not work on a device, it can take additional time to render because it is usually not optimized for the environment. This puts pressure on the CPU and wastes battery. Using modern web standards will help your service run reliably in modern browsers.
  • Social Equity
    Enhancing compatibility and longevity helps to reduce the digital divide. This can be significant in relation to income inequality, infrastructure robustness, or accessibility, for example. Broader support can therefore open your work to new markets, or extend the viability of existing access. Similarly, because progressive web applications use established web standards, they are available to more people than more cost-prohibitive closed systems.

GRI

  • Materials: High
  • Energy: High
  • Water: High
  • Emissions: High

View the Guideline

Tags

SecurityAccessibilityCompatibilityResearchSocial EquitySoftwareKPIsUIUsabilityStrategy

Share

More user experience design guidelines

2.1 Display any factors that have a negative impact on your project

User Experience Design

2.2 Understand user requirements or constraints, resolving barriers to access

User Experience Design

2.3 Understand the impact for non-users

User Experience Design

Learn about W3C’s Sustainable Web Interest Group:

A global community advancing sustainability on the web.

Explore the group

This site is brought to you by

Mightybytes Wholegrain Digital
Website Carbon

This page loaded in 0.25 seconds and emitted just 0.5g of CO2

Visit Website Carbon
Ecograder

How green is your website?

Visit Ecograder
© Copyright Sustainable Web Design 2025. Privacy Policy.