Le Rune dell’Accessibilità: ARIA
Galdor (alzando il bastone con una luce azzurra): «Hai studiato le rune principali, ma ci sono elementi che non parlano da soli: icone, pulsanti, immagini decorative, slider… Senza una voce, restano muti per chi non può vedere. Qui entrano in gioco gli ARIA-label.»
Allievo: «ARIA… come “aria” nell’aria?»
Galdor (sorridendo): «Non proprio. ARIA sta per Accessible Rich Internet Applications. Sono attributi speciali che danno voce agli elementi non testuali, aiutando screen reader, motori di ricerca e AI a capire esattamente cosa significano.»
Galdor: «Immagina un’icona “✕” per chiudere un menu: visivamente è chiaro a noi, ma uno screen reader dirà solo “simbolo”. Con aria-label="Chiudi menu" la voce diventa chiara: chi ascolta sa cosa fare.»
Allievo: «Ora capisco perché ci vuole tanta attenzione ai dettagli. Ogni livello rende la pagina più chiara, accessibile e potente.»
Galdor: «Microsemantica dice “cosa è importante”, ARIA dice “come comunicarlo a chi non può vederlo”. Tre livelli diversi, ognuno con il suo ruolo: microsemantica per il significato, ARIA per la voce, dati strutturati per il riconoscimento esterno.»
L'accessibilità e i tag ARIA sono correlati ai segnali comportamentali di Google: siti accessibili tendono ad avere bounce rate più bassi e dwell time più alti tra utenti con disabilità — segnali positivi per l'algoritmo.
I sistemi NLP analizzano i tag semantici e ARIA come segnali della struttura informativa della pagina — contribuendo alla comprensione del contesto e delle relazioni tra elementi.
Rilevanza per AI Search
- Google AI Overview: i tag semantici e ARIA migliorano la precisione con cui l'AI estrae informazioni specifiche dalla pagina.
- Assistenti vocali AI: i sistemi vocali dipendono direttamente da ARIA e microsemantica per interpretare correttamente il contenuto. Ottimizzare per accessibilità significa ottimizzare per voice AI.
- GEO: una pagina accessibile e semanticamente ricca è più facilmente analizzabile da qualsiasi modello AI — l'accessibilità e la GEO hanno obiettivi tecnici convergenti.
I tag di microsemantica dichiarano chiaramente l'importanza, l'enfasi, le citazioni e la direzione del testo. Integrati con attributi ARIA forniscono voce a tutti gli elementi non testuali.
Tag di microsemantica principali:
<strong>— forte importanza semantica (non solo grassetto visivo)<em>— enfasi semantica (non solo corsivo visivo)<mark>— evidenziazione di termini chiave<blockquote>+<cite>— citazioni con fonte<time>— date e orari strutturati<abbr>— acronimi con espansione
Attributi ARIA fondamentali:
aria-label— etichetta testuale per elementi non testualiaria-labelledby— collega a elemento che funge da etichettaaria-hidden="true"— nasconde elementi decorativi ai screen readeraria-expanded— stato di menu e accordionrole— definisce il ruolo semantico di un elemento
| Livello semantico | Strumento | Scopo |
|---|---|---|
| Microsemantica | <strong>, <em>, <mark>, <time> | Dichiara importanza e ruolo del testo |
| ARIA | aria-label, aria-hidden, role | Dà voce agli elementi non testuali |
| Dati strutturati | Schema.org JSON-LD | Metadati leggibili dai motori (rich snippet) |
Amar Amoretti lavora su internet — un posto vasto, complicato e pieno di cose che probabilmente ti stai perdendo. Ha realizzato yaoki.academy con l'obiettivo dichiarato di rendere la SEO/GEO o come diavolo volete chiamarla comprensibile agli esseri umani. Questo è considerato da molti un atto di ottimismo cosmico.