{"id":6335,"date":"2015-12-11T20:40:40","date_gmt":"2015-12-11T18:40:40","guid":{"rendered":"http:\/\/www.wmtools.com\/news\/?p=6335"},"modified":"2015-12-11T21:42:43","modified_gmt":"2015-12-11T19:42:43","slug":"come-progettare-per-la-dislessia","status":"publish","type":"post","link":"https:\/\/www.wmtools.com\/news\/web-marketing\/come-progettare-per-la-dislessia","title":{"rendered":"[Usabilit\u00e0] Consigli pratici per un sito accessibile dagli utenti dislessici"},"content":{"rendered":"
\n
\n
\n

Un visitatore su cinque<\/span><\/span><\/a>\u00a0<\/span><\/a>del tuo sito potrebbe essere dislessico. Cio\u2019 significa che se i tuoi contenuti sulle pagine non sono organizzati tenendo in mente le particolari esigenze di questi utenti, stai perdendo circa il 20% dei potenziali clienti<\/strong>. <\/span><\/p>\n

Una progettazione efficace per la dislessia puo\u2019 essere complessa dato che ci sono in ballo diverse variabili e bisogna considerare tutti quegli effetti visivi che possono disturbare l\u2019esperienza dell\u2019utente dislessico<\/strong>\u00a0che naviga sul tuo sito. Cosa fare quindi per rendere i tuoi contenuti accessibili a tutti? Abbiamo pensato di suggerirti alcuni accorgimenti da seguire per migliorare l’esperienza utente legata alla dislessia<\/em>.<\/span><\/p>\n

Cos\u2019e\u2019 la Dislessia?<\/span><\/h2>\n

La dislessia \u00e8 un disturbo neurologico classificato tra i disturbi specifici dell\u2019apprendimento<\/a>\u00a0caratterizzata da problemi come la difficolt\u00e0 ad identificare caratteri, parole e frasi<\/em> visualizzati su un foglio o su uno schermo. Ci sono tre principali tipi di dislessia:<\/p>\n

>>\u00a0<\/span><\/span><\/strong>Disgrafia:<\/strong> si manifesta come difficolt\u00e0 nella scrittura di segni alfabetici e numerici<\/span><\/p>\n

>> \u00a0<\/span><\/span>Disortografia:<\/strong>\u00a0si traduce nella difficolt\u00e0 di trasformare il linguaggio parlato in linguaggio scritto<\/p>\n

\u00a0 >>\u00a0<\/span><\/span>Discalculia<\/strong>: si manifesta come difficolt\u00e0 nell\u2019apprendimento del sistema dei numeri<\/p>\n

Quali errori bisogna evitare quando si progetta un sito accessibile dai dislessici?<\/strong><\/span><\/h3>\n

Purtroppo non esiste una soluzione adatta a tutti quando si progetta una user esperience per gli utenti dislessici.\u00a0 Questo succede perch\u00e8 la dislessia pu\u00f2 manifestarsi in varie forme ed impatta in modo diverso la lettura, la scrittura e\/o la capacita\u2019 ortografica<\/strong> di ogni singola persona.<\/p>\n

Ci sono tre principali distorsioni visive che possono disturbare l\u2019esperienza dell\u2019utente dislessico e che potremmo definire come effetto fiume, effetto turbine ed effetto sfocatura.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

1. L’Effetto fiume (causa comune: troppo spazio bianco sulla pagina)<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\"Come<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

Questo effetto e\u2019 il risultato della troppa spaziatura tra caratteri o parole nel corpo di un testo<\/strong>. Per gli utenti dislessici questo potrebbe tradursi nella visualizzazione di parti della pagina con grandi spazi bianchi e con lettere o parole che sembrano scorrere verso il fondo della pagina, come un fiume. Alcuni errori di progettazione del sito potrebbero portare l\u2019utente dislessico ad avere questo tipo di disturbo visivo.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Quali sono gli errori da evitare?<\/h3>\n

> L\u2019allineamento del testo giustificato: potrebbe essere difficile da leggere perch\u00e8 crea degli spazi ampi ed irregolari tra le parole e le lettere. L\u2019utente potrebbe perdere il segno durante la lettura del paragrafo.<\/p>\n

> Doppia spaziatura dopo il punto: crea spazi irregolari e aggiunge troppo spazio bianco dopo il punto, cosa che potrebbe provocare l\u2019effetto fiume durante la lettura.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Quali accorgimenti usare nella progettazione del sito?<\/h3>\n

> Scegliere Layout strutturati:<\/strong> pi\u00f9 struttura hai sul tuo documento, pi\u00f9 semplice sar\u00e0 da leggere. Usa titoli chiari, citazioni e virgolettati, elenchi puntati, dove possibile, per migliorare la leggibilit\u00e0 della pagina.<\/p>\n

> Scegliere una struttura a colonne:<\/strong> pi\u00f9 il testo si estende da una parte all\u2019altra della pagina, meno sar\u00e0 leggibile. Meglio circoscrivere. Una buona regola da seguire \u00e8 quella di prevedere colonne di testo con non pi\u00f9 di 80 caratteri per linea.<\/p>\n

> Usare l\u2019interlinea singola dopo il punto:<\/strong> grazie a questo piccolo accorgimento si ridurr\u00e0 lo spazio bianco sulla pagina riducendo i problemi di lettura.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

2. L’effetto turbine (causa comune: troppe parole sulla pagina)<\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\"effetto-visivo-distorto-per-i-dislessici\"<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

La distorsione visiva puo\u2019 far apparire il testo sfocato, come se stesse turbinando sulla pagina o fosse compresso. Come puoi immaginare, un testo visualizzato cos\u00ec richiede molti sforzi per essere letto essendo piu\u2019 difficile concentrarsi sulle parole presenti nella pagina.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Quali sono gli errori da evitare?<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong><\/span><\/span>Un testo fitto scritto in nero su uno sfondo bianchissimo<\/strong><\/p>\n

Il forte contrasto tra lo sfondo molto bianco ed il testo nero\u00a0puo\u2019 apparire troppo intenso agli utenti del tuo sito, aggiungendo ulteriori difficolt\u00e0 alla lettura.<\/p>\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>Paragrafi molto lunghi<\/strong><\/p>\n

I paragrafi piu\u2019 lunghi danno piu\u2019 facilmente agli utenti la sensazione di aver \u2018perso\u2019 il segno perche\u2019 le parole potrebbero apparire compresse o sovrapposte.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Quali accorgimenti usare nella progettazione del sito?<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>Scrivere frasi brevi e semplici<\/strong><\/p>\n

Scrivi frasi brevi e, ove possibile, usa anche parole piu\u2019 corte: non usare termini complessi dove quelli piu\u2019 semplici possono bastare a rendere il senso della frase.<\/p>\n

\u00a0o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>Evitare forti contrasti di colori<\/strong><\/p>\n

Leggere un sito con un forte contrasto di colori e\u2019 difficile. Utilizza uno sfondo bianco sporco, grigio tenue o marroncino ed usa un carattere grigio scuro invece che nero.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

\u00a03. L’effetto sfocatura (causa comune: troppa formattazione)<\/span><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\"distorsione-visiva-testo-per-i-dislessici\"<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

A causa di questa distorsione visiva gli utenti potrebbero vedere il testo come sfocato ed indistinto. Cio\u2019 rallenta la velocita\u2019 di lettura e per alcuni lettori potrebbe rendere piu\u2019 difficoltoso distinguere certe parole.<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Cosa si deve evitare?<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>I caratteri Serif<\/strong><\/p>\n

Come saprai sono quei caratteri che presentano degli allungamenti ortogonali (le \u201cgrazie\u201d)\u00a0nei tratti finali delle lettere. Possono essere visivamente attraenti, ma possono diventare un incubo per chi legge. Questo perche\u2019 distorcono la forma delle lettere, e le fanno apparire come se fossero attaccate le une alle altre.<\/p>\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>Usare il corsivo<\/strong><\/p>\n

Il corsivo viene spesso usato per evidenziare un testo ma per alcuni utenti potrebbe risultare difficile da leggere perche\u2019 le lettere seguono linee irregolari rispetto ai caratteri normali.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Cosa si pu\u00f2 fare invece?<\/h3>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n

o\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/span><\/span>Usare i Safe font<\/strong><\/p>\n

Prova ad usare caratteri come Opendyslexic\u00a0<\/a>per migliorare la leggibilit\u00e0 del testo. Potrebbe non funzionare per tutti gli utenti, ma generalmente e\u2019 un carattere facile da leggere. Qualsiasi cosa tu faccia, evita a tutti i costi di usare caratteri serif perche\u2019 sono i piu\u2019 difficili da seguire.<\/p>\n

o<\/span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span><\/span>Non formattare eccessivamente il testo<\/strong><\/p>\n

Utilizza il grassetto per enfatizzare invece del corsivo o della sottolineatura, per migliorare la leggibilit\u00e0.<\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Conclusioni<\/span><\/h2>\n

Quando decidi di progettare un sito facilmente navigabile da utenti dislessici, ricordati che non \u00e8 di certo facile e che non esiste una soluzione univoca al problema tale da soddisfare tutti. L\u2019elemento pi\u00f9 importante da attenzionare \u00e8 quello legato agli aspetti tipografici della pagina <\/a>e alla spaziatura, prevedendo\u00a0il minor spazio bianco possibile tra caratteri e parole. Non esiste una soluzione certa in una progettazione di questo tipo, ma i piccoli accorgimenti che ti abbiamo suggerito potrebbero evitare le pi\u00f9 comuni distorsioni visive e migliorare l\u2019esperienza utente.<\/p>\n

_______________________________________________________________________________________________________________<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

Approfondimenti: Link interessanti sulla Dislessia<\/span><\/strong><\/span><\/h3>\n

> Un tipografo ha creato un font che simula la frustrazione che pu\u00f2 provocare la dislessia<\/a><\/span><\/span><\/p>\n

> Alcune idee sbagliate<\/a> sulla dislessia<\/span><\/span><\/p>\n

> Alcuni tool e app <\/a>per la dislessia<\/span><\/span><\/p>\n

> Un test online<\/a> sui sintomi della dislessia<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n

\n
\n
\n

\n

Post tratto da\u00a0How to Design for Dislexia<\/span><\/strong><\/a>\u00a0di Netania Engelbrecht<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":57,"featured_media":6374,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[464,2],"tags":[],"class_list":["post-6335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-people","category-web-marketing"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/6335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/comments?post=6335"}],"version-history":[{"count":0,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/posts\/6335\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media\/6374"}],"wp:attachment":[{"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/media?parent=6335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/categories?post=6335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wmtools.com\/news\/wp-json\/wp\/v2\/tags?post=6335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}