Accessibilità Web (a11y)

Le 4 regole pratiche

1. Ogni immagine ha alt descrittivo (vuoto se decorativa).
2. Ogni input ha una <label> associata.
3. Tutto è raggiungibile da tastiera, con focus visibile.
4. Contrasto AA sui testi (almeno 4.5:1).

Esempi

<img src="logo.svg" alt="">
<label for="email">Email</label>
<input id="email" type="email">
<button>Invia</button>

Testa con axe DevTools, Lighthouse e — la prova vera — col solo Tab della tastiera.