Obiettivo della lezione
Creare pagine più usabili con testi alternativi, label, ordine dei titoli e link comprensibili.
Spiegazione
Accessibilità significa rendere i contenuti utilizzabili dal maggior numero possibile di persone. In HTML questo inizia da buone abitudini: titoli in ordine, immagini con alt, form con label, link chiari e contenuti navigabili anche da tastiera.
Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.
Codice di esempio
Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.
<label for="email">Indirizzo email</label>
<input id="email" name="email" type="email">
<img src="grafico.png" alt="Grafico con crescita degli iscritti da gennaio a giugno">Errori comuni
- Usare solo il colore per comunicare un errore.
- Scrivere link con testo “clicca qui”.
- Dimenticare le label nei form.
Esercizio pratico
Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.
- Apri il tuo editor.
- Crea o aggiorna un file
.htmlo.asp. - Inserisci il codice della lezione.
- Modifica testi e attributi.
- Apri la pagina nel browser e controlla il risultato.
Lezioni collegate
Continua il laboratorio
Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.