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

# 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.