A presentation at Smashing Conf Amsterdam in in Amsterdam, Netherlands by Manuel Matuzovic
19½ things Manuel Matuzović, SmashingConf Amsterdam, April 14th, 2026
19½ things you didn’t know about accessibility in HTML and CSS Manuel Matuzović, SmashingConf Amsterdam, April 14th, 2026
matuzo.social
matuzo.social
matuzo.social
}
matuzo.social
matuzo.social
/ < / … ul> div> / < < matuzo.social
matuzo.social
matuzo.social
matuzo.social JAWS 2026, Windows 11, Chrome 145: “Demos button menu, press Space to activate the menu, then navigate with arrow keys”
/ < / … ul> div> / < < matuzo.social
matuzo.social
matuzo.social
matuzo.social
<button popovertarget=”sub2”> Demos button> / < /
<div popover id=”sub2” role=”dialog”> <ul> … ul> div> / < < matuzo.social<button popovertarget=”sub2”> Demos button> / < /
<dialog popover id=”sub2”> <ul> … ul> dialog> / < < matuzo.socialmatuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
svg> / < matuzo.social
svg> / < matuzo.social
<svg viewBox=”0 0 24 24” role=”img”> <title>Charging … / < svg> / < matuzo.social title>
<button> <svg viewBox=”0 0 24 24” role=”img”> <title>Charging … svg> / < / < button> / < matuzo.social title> 😿
/ < / < button> / < matuzo.social
svg> / < matuzo.social
matuzo.social <img src=”battery.svg” role=”presentation”>
matuzo.social w3.org/TR/wai-aria-1.1/#presentation
<svg viewBox=”0 0 24 24” role=”presentation”> … svg> 🗣 / < matuzo.social
🗣 Charging / < matuzo.social
<button> <h2> Is the service free of charge? h2> button> tt / < 🗣 Is the service free of charge?, bu on / < matuzo.social
matuzo.social
matuzo.social w3.org/TR/wai-aria-1.1/#childrenArePresentational
matuzo.social / < <geolocation> geolocation>
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social
matuzo.social SFNSP SEQUENTIAL FOCUS NAVIGATION STARTING POINT
matuzo.social
matuzo.social
matuzo.social
matuzo.social
<h1>CHEMISTRY FTW! <h2>Branches h2> / < / < / < <h2>Philosophy h2> h1>matuzo.social
<h1 class=”visually hidden”>Science h1> <h2 class=”visually hidden”>Scientists <h2>Branches h2> <h2 class=”visually hidden”>History / < / / < h2> < - - - / < / < <h2>Philosophy h2> h2>matuzo.social
<h1>Science h1> <h2>Scientists <h2>Branches <h2>History h2> h2> / / < < / / < / < <h2>Philosophy < h2> h2>matuzo.social 1:21
matuzo.social : 1 21
matuzo.social : 1 21
matuzo.social
matuzo.social
matuzo.social
matuzo.social button before { content: “☰”; } tt : : 🗣 Trigram for heaven, bu on
matuzo.social button before { content: “☰” / “Menu”; } tt : : 🗣 Menu, bu on
matuzo.social
matuzo.social
matuzo.social accessibility-cookbook.com
matuzo.social Thank you! ❤ accessibility-cookbook.com matuzo.social htmhell.dev matuzo.at manuel@matuzo.at
for free. You
can too.