HTML 5 WAI-ARIA, che editor usare?

Cosa sia HTML 5, spero che sia scontato (il draft linkato è di oggi, HTML 5.1 Nightly). Forse un po’ meno conosciuta è la specifica WAI-ARIA. Questa specifica definisce come rendere contenuti ed applicazioni Web maggiormente accessibili (ARIA sta per Accessible Rich Internet Applications) tramite l’uso di elementi predefiniti e standardizzati che definiscono il ruolo giocato dall’elemento nel contesto.

ARIA è particolarmente utile in presenza di contenuto dinamico e interfacce utente complesse sviluppate utilizzando Ajax, HTML, JavaScript e relative tecnologie. In pratica, ARIA si affianca a HTML quando l’elemento utilizzato non dispone nativamente del necessario attributo a supporto all’accessibilità. Per essere più chiari, non reinventate l’attributo alt per le immagini con i ruoli ARIA…

ARIA sovrascrive il ruolo semantico nativo dell’elemento. Per esempio,

<h1 role=button>text</h1>

diventa nell’accessibility tree:

<button>text</button>

Da usare quindi sapendo cosa si fa.

ARIA funziona bene con HTML 5, e il Nu Markup Validation Service del W3C lo supporta.

Però, già le specifiche di HTML 5 sono piuttosto complesse, aggiungere anche quelle di ARIA potrebbe diventare un po’ complicato per lo svluppatore che usa Blocco Note come i veri uomini. Come fare?

Fra i vari tool disponibili, penso che Blue Griffon sia il migliore: interfaccia semplice, comandi completi, e il set degli attributi ARIA a portata di clic. Supporta SVG e MathML, ed inoltre è gratuito. Sicuramente fra gli strumenti da avere nella cassetta degli attrezzi.

 

Il lungo elenco dei ruoli ARIA nell'interfaccia di Blue Griffon.

Il lungo elenco dei ruoli ARIA nell’interfaccia di Blue Griffon.

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...