Nelle tecnologie di sviluppo per il Web, il paradigma Ajax sta riscuotendo sempre più successo. Molto spesso, la tecnologia Ajax è utilizzata per aggiornare porzioni di una pagina web senza dover ricaricare tutto il suo contenuto.

Photo credit: Davide Guglielmo

Anche se Ajax favorisce la creazione di interfacce web più interattive e più funzionali all'esperienza dell'utente, alcune volte può dimostrarsi un ostacolo nella progettazione di interfacce web che siano accessibili anche a persone che hanno delle difficoltà motorie o che sono portatori di handicap.

Al fine di migliorare l'accessibilità dei siti web, è compito di tutte le figure professionali del web, dal designer agli editor di contenuti, capire quando è opportuno utilizzare un interfaccia web basata su Ajax. Inoltre, sempre al fine di migliorare l'accessibilità dei siti, è necessario fornire agli utenti delle alternative usabili in tutte quelle situazioni in cui un'interfaccia web basata su Ajax potrebbe risultare inadeguata.

Ecco alcuni spunti di riflessione che ti aiuteranno nella progettazione della tua interfaccia web basata su Ajax:

Accessibilità AJAX Per Siti Web

di Brigitte Simard

Ajax (acronimo di Asynchronous JavaScript And XML) è un innovativo framework di sviluppo per il Web, quindi non è nient'altro che un modo nuovo di utilizzare una serie di tecnologie già esistenti. Ajax consente di creare applicazioni web che permettono un'interazione con l'utente impensabile fino a pochi anni fa.

In pratica, Ajax consente di aggiornare sezioni di pagine web senza bisogno di refreshare la pagina. Ciò consente di migliorare significativamente le performance di un sito web. Non solo. Ajax permette la creazione di interfacce web molto più raffinate e accattivanti.

Sfortunatamente, Ajax può anche essere la causa di molti problemi nello sviluppo di interfacce web accessibili.

Che Cos'è Ajax?

Photo credit: svilen001

Ajax non è una nuova tecnologia di sviluppo per il Web, è piuttosto un nuovo approccio nella programmazione di un sito. Ajax è basato sui seguenti standard:

• JavaScript


• XML


• HTML / XHTML


• CSS

L'aspetto chiave di Ajax è la sua asincronicità. Infatti, dietro le quinte, le applicazioni Ajax comunicano con il server web per aggiornare dinamicamente il contenuto della pagina dando all'utente la percezione che tutto avvenga istantaneamente.

In questo processo, il linguaggio JavaScript gioca un ruolo fondamentale. E' quello che si occupa di scambiare scambi i dati con il server e di manipolare il contenuto della pagina web.

Vantaggi di Ajax Per L'accessibilità

Photo credit: star-one

Utilizzare Ajax può migliorare significativamente la user experience e l'accessibilità delle interfaccia utente di un'applicazione web. Ecco alcuni esempi:

• Menù a discesa con suggerimenti per la ricerca Questo tipo di menù può aiutare sia gli utenti con difficoltà di lettura che quelli con difficoltà motorie.

  
  esempio: non appena un utente digita del testo gli vengono suggerite città e aeroporti





• Cursori drag & drop Questo tipo di controlli può aiutare gli utenti con difficoltà di lettura


esempio: un cursore utilizzato per filtrare i risultati di ricerca

Problemi di Accessibilità Causati da Ajax

Photo credit: forwardcom

Ajax e JavaScript vengono utilizzati per aggiornare il contenuto di una pagina web dinamicamente. Quando ciò accade, sia gli screen reader che i browser web reagiscono in modi differenti. Può succedere che:

• Lo screen reader non si renda conto che la pagina web è stata aggiornata, quindi leggerà la versione non modificata della pagina. In pratica questo significa che chi è costretto a utilizzare uno screen reader non vedrà la pagina aggiornata.
• Lo screen reader si rende conto che la pagina web è stata aggiornata, ma leggerà le modifiche via via che le incontra. Ciò è un comportamento accettabile finché il codice JavaScript non va a toccare il contenuto della pagina web prima della posizione corrente dello screen reader. Se ciò non accade, gli utenti non avranno la possibilità di ascoltare i contenuti della pagina modificati prima della posizione corrente dello screen reader.
• Lo screen reader rilegge il contenuto della pagina web dall'inizio. Questo significa che un utente dovrà riascoltare di nuovo tutto il contenuto della pagina web. Per utenti portatori di handicap, non è facile ricordare quale punto della pagina web ha subito delle modifiche.
• Lo screen reader legge tutti gli aggiornamenti. E' un grosso aiuto per l'utente, ma se la pagina web ha subito molte modifiche, ciò potrebbe disorientarlo.

Gli utenti che sono costretti ad utilizzare uno screen magnifier per visualizzare le pagine web potrebbero non accorgersi dei aggiornamenti che avvengono al di fuori dell'area di ingrandimento.

Potrebbero perdere delle informazioni importanti, soprattutto se le modifiche avvengono in un'altra zona della pagina web.

Infine, Ajax richiede che il browser web abbia JavaScript abilitato.

Sebbene tutte gli strumenti per assistere i portatori di handicap siano in grado di gestire molti aspetti del linguaggio JavaScript, essi non sono ancora pienamente compatibili.

Consigli Per l'Accessibilità Ajax

Photo credit: sundesigns

L'unica domanda da porti, quando decidi di sviluppare un sito web e vorresti utilizzare un'interfaccia utente basata su Ajax, deve essere: ho davvero bisogno di utilizzare Ajax?

Se la risposta è si, assicurati di seguire i consigli qui sotto. Riuscirai a migliorare l'interfaccia web del tuo sito:

1. Informa Che la Pagina Verrà Aggiornata Dinamicamente

   Non tutti gli utenti hanno familiarità con interfacce web basate su Ajax

   Fagli capire che il contenuto della pagina web verrà aggiornato dinamicamente.

   Questo sarà utile soprattutto per chi è costretto ad utilizzare uno screen reader o un magnifier e potrebbe non accorgersi che il contenuto della pagina web è cambiato.





2. Evidenzia le Aree Che Hanno Subito Modifiche

   Potrebbe essere utile evidenziare leggermente le aree dell'interfaccia web che hanno subito delle modifiche.

   Questo sarà utile soprattutto per chi ha difficoltà nella lettura e potrebbe non accorgersi che il contenuto della pagina web è cambiato.





3. Non Cambiare il Focus

   Non spostare il focus sulla zona dell'interfaccia web che ha subito delle modifiche.

   Cambiare il focus potrebbe disorientare gli utenti che sono costretti ad utilizzare uno screen reader o un magnifier, anche perché, alcune volte, questi strumenti non hanno un meccanismo per tornare indietro.





4. Offri la Possibilità di Aggiornare la Pagina Manualmente

   Dai ai tuoi utenti la possibilità di aggiornare la pagina manualmente. Per poter fare questo puoi inserire all'interno della tua interfaccia web un link o meglio ancora un bottone.

   Questo sarà utile soprattutto per chi è costretto ad utilizzare uno screen reader o un magnifier e potrebbe non accorgersi che il contenuto della pagina ha subito delle modifiche.

   Infatti, per chi ha problemi di lettura, accorgersi che il contenuto è cambiato potrebbe non essere così semplice.

   Se è possibile, salva le preferenze degli utenti per quanto riguarda la possibilità di aggiornare la pagina manualmente.





5. Assicurati Che il Sito Funzioni Anche se JavaScript è Disabilitato

   Scrivi la tua applicazione web nella maniera più standard possibile, solo successivamente utilizza Ajax per migliorarne le sue funzionalità.

   In questo modo, anche se JavaScript è disabilitato oppure non è disponibile, gli utenti potranno continuare a utilizzare comunque la tua applicazione web.

Se stai scrivendo un'applicazione che fa forte uso di Ajax, prendi in considerazione l'eventualità di fornire un'alternativa scritta in HTML.

Se la tua applicazione web non può essere utilizzata da utenti portatori di handicap, ad esempio perché richiede di spostare dei cursori con il mouse, l'ideale sarebbe dare a questi utenti la possibilità di utilizzare una versione semplificata basata su HTML.