Perché l'HTML semantico conta ancora
Di Il team di AsasWeb 1 min di lettura
Usare l'elemento HTML che descrive davvero il contenuto ti regala accessibilità, SEO e manutenibilità. Un vero pulsante è raggiungibile con il focus, operabile da tastiera e annunciato correttamente senza JavaScript, mentre screen reader e motori di ricerca si affidano entrambi a landmark, ordine delle intestazioni e liste autentiche per capire una pagina. Ricostruire quei comportamenti partendo da generici riquadri stilizzati si paga in codice extra e pezzi mancanti.
È allettante costruire tutto da contenitori generici e dargli forma con lo stile. L’HTML semantico, usando l’elemento che descrive davvero il contenuto, fa una quantità sorprendente di lavoro gratuitamente, e saltarlo crea problemi che poi paghi per risolvere con codice extra.
I browser ti danno il comportamento gratis
Un vero pulsante è focalizzabile, cliccabile, utilizzabile con la tastiera e annunciato come pulsante, senza JavaScript. Ricostruiscilo da un contenitore stilizzato e devi aggiungere tutto questo a mano, e la maggior parte dei team ne perde un pezzo. Lo stesso vale per link, controlli dei moduli e intestazioni.
La tecnologia assistiva ci si affida
Gli screen reader costruiscono la loro comprensione di una pagina dalla sua struttura: punti di riferimento come header, nav, main e footer, un ordine di intestazioni logico, elenchi che sono davvero elenchi. Imposta bene la struttura e la pagina è navigabile. Sbagliala e diventa un muro di testo indifferenziato.
Anche i motori di ricerca leggono la struttura
La stessa struttura che aiuta la tecnologia assistiva aiuta i motori di ricerca a capire di cosa parla la tua pagina. Intestazioni corrette, testi dei link significativi e markup pulito sono silenziose vittorie SEO che non costano nulla in più una volta diventate un’abitudine.
È più facile da mantenere
Il markup semantico è più breve, più chiaro e più facile da capire per lo sviluppatore successivo. Meno codice, meno bug, costo inferiore nel tempo.
Usare l’elemento giusto è una delle decisioni di qualità più economiche nello sviluppo web, e la trattiamo come impostazione predefinita. Se il tuo sito è costruito da contenitori generici e si vede, avvia un progetto e gli daremo una struttura solida.