HTML semantico
L’HTML semantico usa gli elementi secondo il loro significato. Un vero pulsante ha proprietà che un blocco di testo stilizzato non acquisisce da solo.
Usare gli elementi secondo il loro scopo
L’HTML semantico descrive contenuti e controlli mediante gli elementi HTML appropriati. I titoli strutturano il contenuto, un collegamento porta a una destinazione e un pulsante esegue un’azione. Browser e tecnologie assistive ricevono così informazioni sul significato dell’interfaccia.
Per salvare un indirizzo in un portale di esempio è appropriato un button. Un blocco div visivamente identico non possiede automaticamente quel significato né il consueto comportamento da tastiera. Un elemento a con un href adeguato serve invece per raggiungere l’elenco degli indirizzi.
CSS determina la presentazione; ingrandire visivamente un testo non lo rende un titolo. L’HTML semantico è una base importante, ma da solo non garantisce un’applicazione completamente accessibile. Anche etichette, stati e comportamento effettivo devono essere corretti.
Fonti
Termini correlati
- ARIAARIA aggiunge informazioni su ruoli, stati e proprietà per le tecnologie assistive. Il comportamento dichiarato deve essere realmente implementato.
- Lettore di schermoUn lettore di schermo rende accessibili i contenuti digitali tramite voce o Braille. Struttura ed etichette aiutano a comprendere i controlli.
- Utilizzo tramite tastieraL’utilizzo tramite tastiera permette di completare attività senza mouse, con azioni raggiungibili e un percorso comprensibile.
- Ordine del focusL’ordine del focus determina il percorso tra gli elementi che possono riceverlo. Deve preservare significato e operabilità anche nei cambiamenti dinamici.
- Trappola da tastieraUna trappola da tastiera blocca l’interazione in un’area. Il contenimento intenzionale del focus in un dialogo richiede un’uscita utilizzabile da tastiera.
- Collegamento per saltare al contenutoUn collegamento di salto evita la navigazione ripetuta e porta al contenuto principale. Anche il passo successivo da tastiera deve proseguire nel punto giusto.
Articoli sul tema
Design & UX con ASES
Esperienza utente, interfacce e immagine del marchio