# data[].attributes.title
Five essential ingredients for a web that serves us all

# data[].attributes.blurb.html
The web is for everyone. That was the promise in 1994, and it held up for long. For years, we’ve been using the web to make money, do admin, watch cat gifs, and share what we want with the whole world. Fast forward to 2026: issues of speed, access, dullness are emerging on the platform. Does the web still serve us all?

In this talk, you’ll learn more about what we could improve, with practical tips on building the web to make it more sustainable, ethical, accessible, fun, and, last but not least, ours.

# data[].attributes.slidedeck.data[].slides[].desc.html
Five essential ingredients of a web that serves us all Hidde de Vries, Web You Want, 17 April 2026

# data[].attributes.slidedeck.data[].slides[].desc.html
(here in personal capacity)

# data[].attributes.slidedeck.data[].slides[].desc.html
2004

# data[].attributes.slidedeck.data[].slides[].desc.html
We need t to be i Sustainable

# data[].attributes.slidedeck.data[].slides[].desc.html
“Hold ng the ncrease n the global average temperature to well below 2°C” – Paris Agreement, 2.1.a i T i T i https://eur-lex.europa.eu/legal-content/NL/ X /?uri=CELEX:22016A1019(01)

# data[].attributes.slidedeck.data[].slides[].desc.html
T IC emissions > aviation emissions

# data[].attributes.slidedeck.data[].slides[].desc.html
“If the nternet was a country t th would be the 13 largest em tter between Mex co and Braz l” – Sustainable Web Manifesto i i i i i T (based on CO2 emissions in Our World in Data vs I emissions data from Green Web Foundation)

# data[].attributes.slidedeck.data[].slides[].desc.html
International Energy Agency,

# data[].attributes.slidedeck.data[].slides[].desc.html
International Energy Agency,

# data[].attributes.slidedeck.data[].slides[].desc.html
Eemshaven, the Netherlands

# data[].attributes.slidedeck.data[].slides[].desc.html
Middenmeer, the Netherlands 110 hectare / 271 acres

# data[].attributes.slidedeck.data[].slides[].desc.html
the web has a footprint, that we can reduce at work

# data[].attributes.slidedeck.data[].slides[].desc.html
t af Dr i Web Susta

# data[].attributes.slidedeck.data[].slides[].desc.html
t af Dr 6 principles 92 guidelines 253 success criteria 100+ contributors

# data[].attributes.slidedeck.data[].slides[].desc.html
User E Hosting, Infrastructure &S y y v x Business Strateg

# data[].attributes.slidedeck.data[].slides[].desc.html
T A Dutch C

# data[].attributes.slidedeck.data[].slides[].desc.html
i A Dutch C

# data[].attributes.slidedeck.data[].slides[].desc.html
41KB

# data[].attributes.slidedeck.data[].slides[].desc.html
13.2MB and yes, I accepted cookies, so the number includes ads

# data[].attributes.slidedeck.data[].slides[].desc.html
website size is a choice

# data[].attributes.slidedeck.data[].slides[].desc.html
websitecarbon.com

# data[].attributes.slidedeck.data[].slides[].desc.html
training.linuxfoundation.org/training/green-software-for-practitioners-lfc131

# data[].attributes.slidedeck.data[].slides[].desc.html
We need t to be i Ethical

# data[].attributes.slidedeck.data[].slides[].desc.html
bbc.com/news/technology-56135817

# data[].attributes.slidedeck.data[].slides[].desc.html
“people n the Web development commun ty [should] be eth cally and morally aware of what they [are] do ng” i i i i T – Sir im Berners-Lee, in: Weaving the Web (1999)

# data[].attributes.slidedeck.data[].slides[].desc.html
npm install ethics

# data[].attributes.slidedeck.data[].slides[].desc.html
Ethics how to act? what to do?

# data[].attributes.slidedeck.data[].slides[].desc.html
Ethics what matters? how to balance values?

# data[].attributes.slidedeck.data[].slides[].desc.html
Ethical principles Respect for human d gn ty Expl cab l ty Harm prevent on Fa rness i T T i i i i i i From fundamental rights ( EU reaty, Charter of Fundamental Rights) to ethical principles. From: Ethics Guidelines for rustworthy AI, door de High-Level Expert Group on Artificial Intelligence (2019).

# data[].attributes.slidedeck.data[].slides[].desc.html
The web can cause harm

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i The web can d scr m nate

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i The web s full of nexpl cable content

# data[].attributes.slidedeck.data[].slides[].desc.html
vasilis.nl/clocks/about/en

# data[].attributes.slidedeck.data[].slides[].desc.html
✔ Do not not collect all my data

# data[].attributes.slidedeck.data[].slides[].desc.html
w3.org/TR/ethical-web-principles

# data[].attributes.slidedeck.data[].slides[].desc.html
“Ethics aside…”

# data[].attributes.slidedeck.data[].slides[].desc.html
“Ethics aside…”

# data[].attributes.slidedeck.data[].slides[].desc.html
We need t to be i Accessible

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i i i St ll lots of naccess b l ty

# data[].attributes.slidedeck.data[].slides[].desc.html
Websites with sticky elements that cover everything when zoomed aren’t accessible codepen.io/hidde/pen/PovjPYV

# data[].attributes.slidedeck.data[].slides[].desc.html
Websites with FAQs that aren’t reachable by just a keyboard aren’t accessible codepen.io/hidde/pen/ExzXVmb

# data[].attributes.slidedeck.data[].slides[].desc.html
Websites with important election results in an image with no alternatives aren’t accessible

# data[].attributes.slidedeck.data[].slides[].desc.html
// features that do some accessibility // semantics for you, like popover I am popover content <button popovertarget=”p”> Open popover </button> <div popover id=”p”> I am popover content </div>

# data[].attributes.slidedeck.data[].slides[].desc.html
Chromium Blog, Updates to form controls and focus blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html

# data[].attributes.slidedeck.data[].slides[].desc.html
Chromium Blog, Updates to form controls and focus blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html

# data[].attributes.slidedeck.data[].slides[].desc.html
Contrast warnings in Gutenberg, for WordPress Checks in Editoria11y v2, for Drupal (Based on Sa11y)

# data[].attributes.slidedeck.data[].slides[].desc.html
No-mouse demos

# data[].attributes.slidedeck.data[].slides[].desc.html
We need t to be i Fun

# data[].attributes.slidedeck.data[].slides[].desc.html
squoosh.app

# data[].attributes.slidedeck.data[].slides[].desc.html
wakamaifondue.com

# data[].attributes.slidedeck.data[].slides[].desc.html
You may have fun on the web

# data[].attributes.slidedeck.data[].slides[].desc.html
We need t to be i Ours

# data[].attributes.slidedeck.data[].slides[].desc.html
i Too much of the web belongs to corporat ons

# data[].attributes.slidedeck.data[].slides[].desc.html
Can I use the C-word?

# data[].attributes.slidedeck.data[].slides[].desc.html
i 401(K) 2012 on fl ckr

# data[].attributes.slidedeck.data[].slides[].desc.html
400 Invent on of algor thm c t mel nes 300 200 100 0 i i i i i How reasonable human beings are, over time

# data[].attributes.slidedeck.data[].slides[].desc.html
polarisation

# data[].attributes.slidedeck.data[].slides[].desc.html
i They dec de the features

# data[].attributes.slidedeck.data[].slides[].desc.html
i i I l ke to l nk places

# data[].attributes.slidedeck.data[].slides[].desc.html
They spy

# data[].attributes.slidedeck.data[].slides[].desc.html
vk.nl

# data[].attributes.slidedeck.data[].slides[].desc.html
vk.nl

# data[].attributes.slidedeck.data[].slides[].desc.html
github.blog/news-insights/company-news/no-cookie-for-you

# data[].attributes.slidedeck.data[].slides[].desc.html
i They can force the r values

# data[].attributes.slidedeck.data[].slides[].desc.html
More lobby than energy + pharma comb ned i T T Money spent yearly on Brussels lobby in euros. Source: he EU’s Lobby League able (Corporate Europe)

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i i “It’s ncred ble to be among everyone here, part cularly you and the f rst lady.

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i They remove the ncent ve to have your own webs tes

# data[].attributes.slidedeck.data[].slides[].desc.html
75% 50% 25% i 0% i i 100% People who have someth ng nterest ng to say

# data[].attributes.slidedeck.data[].slides[].desc.html
100% 75% 50% 25% i i 0% People who know how to post content on the r own s te

# data[].attributes.slidedeck.data[].slides[].desc.html
i i We need eas er ways to publ sh on the web

# data[].attributes.slidedeck.data[].slides[].desc.html
i i i Publ sh on your own s te f rst

# data[].attributes.slidedeck.data[].slides[].desc.html
hidde.blog

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Sustainable Ethical Accessible Fun Ours

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Sustainable Check your site and start making it smaller

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Ethical Embrace ethics in your process, it matters!

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Accessible Use platform features, CMSes an design systems

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Fun Watch CSS Day videos to learn what’s possible

# data[].attributes.slidedeck.data[].slides[].desc.html
We must make and keep the web Ours Publish on your places before publishing anywhere else

# data[].attributes.slidedeck.data[].slides[].desc.html
hidde.blog/slides Thank you! Fonts: Bild and Bungee by David Jonathan Ross. Inspiration: Emily Bender, Karen Hao, Timnit Gebru, Tim Berners-Lee, Bruce Lawson.