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à:
  • Aviewer (applicazione gratuita per windows)
  • Dom Inspector (estensione gratuita per Firefox)
  • Inspect.exe (applicazione gratuita per windows disponibile come parte del Windows SDK)
  • Accprobe (applicazione gratuita open source)
  • Accessibility Inspector (applicazione gratuita per Mac)
• 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						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						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						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						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						Opera: accessibile via tastiera.
elemento details						Al momento fornisce alle TA la stessa informazione semantica dell’elemento div
elemento figcaption						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						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						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						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						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						non implementato
Date input						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						Opera supporta la tastiera ma presenta dei bug
Local Date and Time input						Opera supporta la tastiera ma presenta dei bug
E-mail input						?
Month input						Opera: supporta la tastiera ma presenta dei bug.
Number input						Opera: accessibile via tastiera.
Range input						Chrome: regola corretta, nessun supporto della tastiera.
Search input						?
Telephone input						?
Time input						Opera: accessibile via tastiera.
URL input						?
Week input						Opera: strana interazione con la tastiera.
menu > context menu						non implementato
menu> list						non implementato
menu > toolbar						non implementato
elemento meter						Al momento fornisce alle TA la stessa informazione semantica dell’elemento div
elemento nav						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						Al momento fornisce alle TA la stessa informazione semantica dell’elemento span
elemento progress						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						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						Al momento fornisce alle TA la stessa informazione semantica dell’elemento span
elemento video						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).