Gli ultimi post di Edit
Layout alternativi: come e perché usarli
Venerdì 19 Febbraio 2010 - 08:17
di Gabriele Romanato
I layout alternativi sono importanti a livello di accessibilità perchè permettono agli utenti con disabilità visive (ipovisione, cecità ai colori, ecc.) di scegliere quale tipo di layout meglio si adatta alla loro esperienza di fruizione del web. Tuttavia, esistono dei luoghi comuni che è opportuno sfatare.
Il primo riguarda il come questi layout debbano essere realizzati. Generalmente si pensa che un layout alternativo debba essere necessariamente un layout linearizzato con contrasto di colori invertito e con una dimensione dei font molto pronunciata. Nulla di più falso. Come ricordava Franco Frascolla, sviluppatore ipovedente, nella guida di Michele Diodati, questi layout non sempre vanno incontro alle necessità degli utenti con disabilità visive.
Continua a leggere Layout alternativi: come e perché usarli
Categoria: CSS | Permalink | Commenti (6)
Oggetti Flash e testo alternativo
Mercoledì 20 Gennaio 2010 - 08:32
di Gabriele Romanato
Nonostante Macromedia abbia fatto dei passi da gigante nel rendere accessibili gli oggetti Flash (solitamente inseriti tramite object) permangono delle difficoltà nell’accessibilità degli oggetti con contenuto puramente decorativo (per esempio un banner che rappresenta un cielo con delle nuvole che scorrono). Volendo rendere accessibili le informazioni visuali agli utenti di browser testuali e lettori di schermo, solitamente si ricorre alla tecnica della “long description”, similmente a quanto avviene per le immagini con attributo longdesc.
Continua a leggere Oggetti Flash e testo alternativo
Categoria: CSS, Contenuti e Web Writing | Permalink | Commenti (2)
sponsor
Ma è così difficile ‘vendere’ l’accessibilità?
Lunedì 23 Novembre 2009 - 08:47
di Cesare Lamanna
Non so davvero se lo scenario sia così tragico: c’è quello che ritiene troppo costoso adeguare il sito (magari già esistente) in termini di accessibilità, quello che non comprende cosa può guadagnarci, quello che magari associa accessibilità a siti spogli, tristi e noiosi. Insomma, è davvero difficile vendere l’accessibilità? Ci sono argomenti che alla fine possono rivelarsi vincenti per convincere un cliente riluttante?
Categoria: Web Design | Permalink | Commenti (10)
Colore e accessibilità sul web
Martedì 29 Settembre 2009 - 13:56
di Cesare Lamanna
We are Colorblind, che in italiano suonerebbe più o meno ‘Noi siamo daltonici’. A prescindere dall’utilità immediata che ciascuno potrà trovarci, se segnalo questo sito è per evidenziare come dovrebbero essere organizzate secondo me risorse di questo tipo.
Si tratta di una raccolta di pattern di design ed esempi di buone e cattive pratiche per una gestione ottimale dell’uso dei colori sul web a favore di chi i colori non li percepisce nel modo corretto a causa del daltonismo. Soluzioni pratiche e immediate a problemi reali. Oltre che miniera di spunti per la realizzazione di tanti dettagli nel contesto di un’interfaccia.
Per esempio, come suggerisce giustamente Andy Baio, è assolutamente brillante questa soluzione per visualizzare la disponibilità di iPhone nei negozi americani. Rispetto all’originale, oltre che l’alternanza rosso/verde è anche la forma (quadrato per ‘non disponibile’, cerchio per ‘disponibile’) a comunicare l’essenziale informazione (che poi è la messa in pratica di una delle soluzioni proposte da We are Colorblind per la gestione delle icone di stato).
Categoria: Web Design | Permalink | Commenti (2)
Sulla visibilità dei campi dei form
Lunedì 28 Settembre 2009 - 08:03
di Gabriele Romanato
Stavo testando una semplice pagina con un form di invio email in cui avevo specificato una regola di stile per i bordi degli input di testo. La regola era:
input {
border: 1px solid #ccc;
}
Continua a leggere Sulla visibilità dei campi dei form
Categoria: CSS | Permalink | Commenti (1)
Il focus sui form
Martedì 19 Maggio 2009 - 08:42
di Cesare Lamanna
Ho già scritto su questo blog quanto trovo utile e ben fatta l’evidenziazione dei campi di form che ricevono il focus su Mac OS X (per chi un Mac non ce l’ha riporto uno screenshot in fondo al post).
Sul tema (focus e form) dice la sua, con grande saggezza, Roger Johansson. L’invito è semplice: non usate mai la proprietà CSS outline per eliminare l’indicazione del focus per i form e i link.
La questione però è un’altra: c’è un solo motivo valido e convincente per eliminarla? Se qualcuno lo trova, si faccia vivo :)
Categoria: Web Design | Permalink | Commenti (8)
Vengo anch’io. No, tu no
Mercoledì 15 Aprile 2009 - 08:22
di Cesare Lamanna
Credo siano interessanti le considerazioni svolte da Rowan Simpson sul suo blog, anche perché vanno a toccare una situazione critica con cui chiunque sviluppi siti e applicazioni web deve confrontarsi.
L’accesso paritario e universale ai contenuti e ai servizi di un sito è un obiettivo che pochi non riconoscerebbero come auspicabile, direi doveroso. Nella realtà il massimo che si può mettere in atto è spesso un compromesso accettabile. Qualcuno alla fine rimane tagliato fuori, magari perché quella categoria di utenti rappresenta una percentuale minima di visitatori e si decide che non vale la pena investire risorse per garantire a costoro lo stesso trattamento destinato alla maggioranza.
Si badi, non si parla qui solo dell’accessibilità declinata come ausilio tecnico a favore di chi è disabile. Le minoranze sacrificate, come spiega Simpson, possono essere composte da chi usa Linux (magari Mac…), da chi naviga a 56kbps, anche da chi per necessità o altra ragione si ostina a usare IE6, etc.
Credo che tanti possano essere i modi per approcciare il problema. Voi come lo fate nello sviluppo di un progetto?
Simpson, ad esempio, propone di staccarsi dai conteggi in percentuale o per categorie astratte e di pensare per numeri assoluti. Non “lo 0,7% che usa Linux” ma “100 persone in carne e ossa” che vogliono fare qualcosa sul mio sito. Immaginiamole tutte riunite davanti a noi: avremmo il coraggio di dire loro in faccia “No, tu no”?
Categoria: Web Design | Permalink | Commenti (9)
QFocuser, una libreria per rendere più accessibili le RIA
Mercoledì 4 Marzo 2009 - 09:03
di Cesare Lamanna
Con l’avvento delle RIA (Rich Internet Applications) e di pagine sempre più ricche di widget, contenuti dinamici e interazioni complesse, è fatale che si ponesse all’attenzione degli sviluppatori la necessità di approntare meccanismi in grado di assicurarne l’accessibilità e la fruibilità a tutti gli utenti.
Il W3C ha così da tempo messo mano ad una specifica ad hoc denominata Accessible Rich Internet Applications (WAI-ARIA) attualmente giunta allo stato di Last Call Working Draft e accompagnata da altri importanti documenti come le WAI-ARIA Best Practices.
Più che mai cruciale nel contesto di applicazioni ricche e dinamiche è, ad esempio, la gestione dell’accesso da tastiera alle varie funzionalità presenti sulla pagina. Proprio qualche giorno fa mi sono imbattuto in un articolo apparso su YUI Blog che offre una bella panoramica degli approcci suggeriti dalla specifica e dalle best practices ARIA per la gestione del focus e della navigazione da tastiera.
Ieri invece Ajaxian segnalava una libreria, QFocuser, che consente di risolvere in modo ottimale la maggior parte dei problemi segnalati nell’articolo. È disponibile anche una demo.
Categoria: Web Design | Permalink | Commenta
Un sondaggio sull’uso degli screen reader
Giovedì 12 Febbraio 2009 - 08:19
di Cesare Lamanna
Segnalatomi da questo post di Roger Johansson, ho dato un’occhiata ai risultati del sondaggio condotto da WebAIM sull’utilizzo degli screen reader.
1100 le risposte, in gran parte pervenute da utenti che usano gli screen reader perché affetti da una qualche forma di disabilità (il resto è di persone che hanno usato o usano questi strumenti per svolgere test legati all’accessibilità). Tra i software prevale di gran lunga JAWS con il 74%, seguito da Windows Eye con il 23%. Le domande riguardano alcune delle questioni chiave relative alla realizzazione di siti accessibili: dall’uso dei tasti di accesso agli skip link, dalla localizzazione del box di ricerca all’uso dei testi alternativi per le immagini.
Come chiariscono gli stessi organizzatori dl sondaggio, non si possono usare i risultati per trarre conclusioni definitive a livello tecnico, ma gli spunti che se se ne possono ricavare sono davvero tanti. Da leggere.
Categoria: Web Design | Permalink | Commenti (2)
L’accessibilità sociale di IBM
Venerdì 11 Luglio 2008 - 08:24
di Cesare Lamanna
Per sperare di avere un’esperienza accettabile di navigazione, chi usa uno screen reader non può che affidarsi alla bontà dello strumento che utilizza ma soprattutto alla capacità di chi dovrebbe sviluppare siti quanto più accessibili possibile. Sappiamo tutti che la realtà è ben lungi dall’essere perfetta sotto questo aspetto.
In tale contesto si colloca una recente iniziativa di IBM denominata Social Accessibility Project. Si potrebbe sintetizzare così: se non ci date l’accessibilità provvediamo noi.
L’idea è quella di fornire agli utenti di screen reader (per ora solo JAWS 9.0 e versioni superiori in inglese e giapponese) un’estensione tramite la quale essi potranno segnalare al server di IBM qualunque problema di accessibilità riscontrato su un sito (la mancanza del testo alternativo per le immagini, per esempio). A questo punto entrano in gioco i cosiddetti supporters. Si tratta di volontari per i quali è stata predisposta un’apposita estensione per Firefox con cui potranno correggere i problemi segnalati apportando modifiche alla pagina. In realtà, è facile da capire, le modifiche non vengono fatte direttamente sulla pagina incriminata, ma salvate sotto forma di metadati sul server di IBM. Fatto sta che, quando l’utilizzatore di screen reader tornerà a caricare la pagina, si vedrà servita la versione modificata e corretta.
Categoria: Web Design | Permalink | Commenti (3)