Accessibilità di HTML5

Traduzione in italiano della risorsa online html5accessibility, di Steven Faulkner

Lavori in corso: ottobre 2010

Su questo sito vi è anche: accorgimenti per il supporto dell’accessibilità di HTML5. (in inglese)

Questa pagina vuole fornire informazioni su quali funzionalità dell’interfaccia utente di HTML5 hanno un supporto accessibile da parte dei browser, rendendole quindi utilizzabili da persone che basano la loro esperienza sul Web sulle tecnologie assistive (TA).

Lo scopo non è quello di dissuadere gli sviluppatori dall’usare l’HTML5. Talvolta vi sono scelte migliori, altre volte gli sviluppatori devono aggiungere qualche integrazione per rendere una funzionalità utile o utilizzabile, altre volte ancora le funzionalità sono semplicemente non implementate da tutti i browser, o solo da quelli che non supportano le tecnologie assistive. E quindi potrebbe non essere utile adottare una particolare funzionalità di HTML5. La Solutions page (per adesso in inglese, ndt.) contiene alcuni accorgimenti da adottare in mancanza di implementazione.

Le informazioni contenute nella tabella di supporto saranno aggiornate mensilmente, allo scopo di aggiornare progressivamente i miglioramenti fatti registrare dalle future versioni dei browser sotto esame.

Legenda della tabella & note:

  • “non supportato” significa che il browser implementa la funzionalità, ma non il necessario supporto dell’accessibilità.
  • “parzialmente supportato” significa che la funzionalità è implementata, così come un parziale supporto dell’accessibilità.
  • “non implementata” significa che la funzionalità non è ancora stata implementata dal browser.
  • la cella ‘note’ per ciascuna riga fornisce ulteriori informazioni sul supporto del browser.
  • Una test page (in inglese, ndt) è stata utilizzata per testare il supporto in ciascun browser.
  • Sono inoltre stati utilizzati i seguenti strumenti per testare come HTML5 espone le proprie funzionalità alle API per l’accessibilità:
  • Il supporto della tastiera è stato testato provando ad utilizzare controlli interattivi con la tastiera.
  • Un ? indica che l’informazione non è ancora stata fornita.
  • Per favore, comunica qualsiasi errore a sfaulkner@paciellogroup.com.

 

Supporto dell’accessibilità di HTML5 nei browser per Windows
nuovi elementi HTML5

Chrome 6

Firefox 4

IE 9

Opera 10.62

Safari 5

Note

elemento article

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

elemento aside

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

elemento audio

not supported partial support partial support partial support not supported

Firefox: con alcune TA ha un problema con i valori di controllo dello slider incorporato, quando l’audio è in funzione e si aggiorna il valore dello slider. Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

Opera: buon supporto della tastiera, ma nessun supporto per le TA.

IE 9: parziale supporto della tastiera
(play/pause) ed alcune informazioni esposte tramite API.

Per maggiori informazioni, fare riferimento a Keyboard access for HTML5 video (in inglese).

elemento canvas

not supported not supported partial support not supported not supported

Internet Explorer 9: suppporta il sub-DOM dell’elemento accessibile canvas, ma non il caret o l’esposizione del focus.

Chrome 6: il sub-DOM dell’elemento è navigabile e può essere attivato, ma nessuna informazione è esposta tramite API.

elemento

datalist

not implemented not implemented not implemented partial support not implemented Opera: accessibile via tastiera.

elemento details

not implemented not implemented not implemented not implemented not implemented Al momento fornisce alle TA la stessa informazione semantica dell’elemento div

elemento figcaption

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2), ma non espone la relazione tra gli elementi figure e figcaption come relazione accessibile.

elemento figure

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2), ma non espone la relazione tra gli elementi figure e figcaption come relazione accessibile.

elemento footer

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2).

elemento header

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2).

elemento hgroup

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2), ma il role accessibile è sbagliato (paragrafo – dovrebbe legarsi col livello più elevato figlio di un elemento d’intestazione)

color input

not implemented not implemented not implemented not implemented not implemented non implementato
Date input not implemented not implemented not implemented not supported not implemented Opera: ha interazione con la tastiera ma presenta dei bug: premendo enter quando l’input ha il focus che visualizza il selettore della data, la pressione del tasto tab sposta il focus al campo mese, ma causa anche la sconnessione del selettore della datadall’input.
Date and Time input not implemented not implemented not implemented not supported not implemented Opera supporta la tastiera ma presenta dei bug
Local Date and Time input not implemented not implemented not implemented not supported not implemented Opera supporta la tastiera ma presenta dei bug
E-mail input not implemented not implemented not implemented not supported not implemented ?
Month input not supported not supported not implemented not supported not supported Opera: supporta la tastiera ma presenta dei bug.
Number input not supported not supported not implemented partial support not supported Opera: accessibile via tastiera.
Range input not supported not supported not implemented partial support not supported Chrome: regola corretta, nessun supporto della tastiera.
Search input not implemented not implemented not implemented not supported not implemented ?
Telephone input not supported not supported not implemented not supported not implemented ?
Time input not supported not supported not implemented partial support not supported Opera: accessibile via tastiera.
URL input not implemented not implemented not implemented not supported not implemented ?
Week input not implemented not implemented not implemented partial support not implemented Opera: strana interazione con la tastiera.
menu > context menu not implemented not implemented not implemented not implemented not implemented non implementato
menu> list not implemented not implemented not implemented not implemented not implemented non implementato
menu > toolbar not implemented not implemented not implemented not implemented not implemented non implementato

elemento meter

not supported not implemented not implemented not implemented not implemented Al momento fornisce alle TA la stessa informazione semantica dell’elemento div

elemento nav

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

elemento output

not implemented not implemented not implemented not supported not implemented Al momento fornisce alle TA la stessa informazione semantica dell’elemento span

elemento progress

not supported not implemented not implemented not implemented not implemented Al momento fornisce alle TA la stessa informazione semantica dell’elemento span. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

elemento section

not supported not supported not supported not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento div. Firefox: Espone il nome dell’elemento come attributo dell’oggetto IAccessible2 (IA2)

elemento summary

not supported not supported not implemented not supported not supported Al momento fornisce alle TA la stessa informazione semantica dell’elemento span

elemento video

not supported partial support partial support partial support not supported

Firefox: con alcune TA ha un problema con i valori di controllo dello slider incorporato, quando l’audio è in funzione e si aggiorna il valore dello slider.

Opera: buon supporto della tastiera, ma nessun supporto per le TA.

IE 9: parziale supporto della tastiera
(play/pause) ed alcune informazioni esposte tramite API.

Per maggiori informazioni sull’accesso via tastiera, fare riferimento a Keyboard access for HTML5 video (in inglese).

Potrebbero interessarti anche i seguenti articoli