Five essential ingredients of a web that serves us all Hidde de Vries, Web You Want, 17 April 2026
Slide 1
Slide 2
(here in personal capacity)
Slide 3
2004
Slide 4
Slide 5
Slide 6
We need t to be i Sustainable
Slide 7
“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)
Slide 8
Slide 9
T IC emissions > aviation emissions
Slide 10
“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)
Slide 11
International Energy Agency,
Slide 12
International Energy Agency,
Slide 13
Eemshaven, the Netherlands
Slide 14
Middenmeer, the Netherlands 110 hectare / 271 acres
Slide 15
the web has a footprint, that we can reduce at work
Slide 16
t af Dr i Web Susta
Slide 17
t af Dr 6 principles 92 guidelines 253 success criteria 100+ contributors
Slide 18
User E Hosting, Infrastructure &S y y v x Business Strateg
Slide 19
T A Dutch C
Slide 20
i A Dutch C
Slide 21
41KB
Slide 22
13.2MB and yes, I accepted cookies, so the number includes ads
Slide 23
website size is a choice
Slide 24
websitecarbon.com
Slide 25
training.linuxfoundation.org/training/green-software-for-practitioners-lfc131
Slide 26
We need t to be i Ethical
Slide 27
bbc.com/news/technology-56135817
Slide 28
“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)
Slide 29
npm install ethics
Slide 30
Ethics how to act? what to do?
Slide 31
Ethics what matters? how to balance values?
Slide 32
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).
Slide 33
The web can cause harm
Slide 34
i i i The web can d scr m nate
Slide 35
i i i The web s full of nexpl cable content
Slide 36
vasilis.nl/clocks/about/en
Slide 37
✔ Do not not collect all my data
Slide 38
w3.org/TR/ethical-web-principles
Slide 39
Slide 40
“Ethics aside…”
Slide 41
“Ethics aside…”
Slide 42
We need t to be i Accessible
Slide 43
i i i i i St ll lots of naccess b l ty
Slide 44
Slide 45
Websites with sticky elements that cover everything when zoomed aren’t accessible codepen.io/hidde/pen/PovjPYV
Slide 46
Websites with FAQs that aren’t reachable by just a keyboard aren’t accessible codepen.io/hidde/pen/ExzXVmb
Slide 47
Websites with important election results in an image with no alternatives aren’t accessible
Slide 48
// 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>
Slide 49
Chromium Blog, Updates to form controls and focus blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html
Slide 50
Chromium Blog, Updates to form controls and focus blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html
Slide 51
Contrast warnings in Gutenberg, for WordPress Checks in Editoria11y v2, for Drupal (Based on Sa11y)
Slide 52
No-mouse demos
Slide 53
We need t to be i Fun
Slide 54
Slide 55
Slide 56
Slide 57
Slide 58
Slide 59
squoosh.app
Slide 60
wakamaifondue.com
Slide 61
You may have fun on the web
Slide 62
Slide 63
We need t to be i Ours
Slide 64
i Too much of the web belongs to corporat ons
Slide 65
Slide 66
Can I use the C-word?
Slide 67
i 401(K) 2012 on fl ckr
Slide 68
Slide 69
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
Slide 70
polarisation
Slide 71
Slide 72
i They dec de the features
Slide 73
i i I l ke to l nk places
Slide 74
Slide 75
Slide 76
Slide 77
Slide 78
Slide 79
Slide 80
They spy
Slide 81
vk.nl
Slide 82
vk.nl
Slide 83
github.blog/news-insights/company-news/no-cookie-for-you
Slide 84
i They can force the r values
Slide 85
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)
Slide 86
Slide 87
Slide 88
Slide 89
Slide 90
i i i i “It’s ncred ble to be among everyone here, part cularly you and the f rst lady.
Slide 91
Slide 92
Slide 93
Slide 94
Slide 95
i i i They remove the ncent ve to have your own webs tes
Slide 96
75% 50% 25% i 0% i i 100% People who have someth ng nterest ng to say
Slide 97
100% 75% 50% 25% i i 0% People who know how to post content on the r own s te
Slide 98
i i We need eas er ways to publ sh on the web
Slide 99
i i i Publ sh on your own s te f rst
Slide 100
Slide 101
hidde.blog
Slide 102
We must make and keep the web Sustainable Ethical Accessible Fun Ours
Slide 103
We must make and keep the web Sustainable Check your site and start making it smaller
Slide 104
We must make and keep the web Ethical Embrace ethics in your process, it matters!
Slide 105
We must make and keep the web Accessible Use platform features, CMSes an design systems
Slide 106
We must make and keep the web Fun Watch CSS Day videos to learn what’s possible
Slide 107
We must make and keep the web Ours Publish on your places before publishing anywhere else
Slide 108
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.
