{"id":22393,"date":"2022-07-01T15:17:17","date_gmt":"2022-07-01T13:17:17","guid":{"rendered":"http:\/\/creative-words.com\/?p=22393"},"modified":"2022-07-01T15:17:17","modified_gmt":"2022-07-01T13:17:17","slug":"laccessibilita-nella-user-experience-cose-e-perche-e-importante","status":"publish","type":"post","link":"https:\/\/www.fancyfestival.com\/creative-words\/laccessibilita-nella-user-experience-cose-e-perche-e-importante\/","title":{"rendered":"L\u2019accessibilit\u00e0 nella User Experience: cos\u2019\u00e8 e perch\u00e9 \u00e8 importante"},"content":{"rendered":"<p><em>Questo articolo fa parte di una serie di post sull\u2019<strong><span id=\"urn:enhancement-763f6155-95e4-4668-8390-8f29de746009\" class=\"textannotation disambiguated wl-thing\">accessibilit\u00e0<\/span><\/strong> qui sul blog di <span style=\"text-decoration: underline;\"><strong><span style=\"color: #ff9900;\"><a style=\"color: #ff9900; text-decoration: underline;\" href=\"https:\/\/creative-words.com\/\">Creative Words<\/a><\/span><\/strong><\/span>. Come sappiamo, lo scopo per cui la <span id=\"urn:enhancement-621d9da7-2e3f-499a-a7db-96ec244f3270\" class=\"textannotation disambiguated wl-thing\">traduzione<\/span> e la <span id=\"urn:enhancement-136aab62-2dc1-4330-b724-a8b27e2b52a5\" class=\"textannotation disambiguated wl-thing\">localizzazione<\/span> nascono \u00e8 quello di portare pi\u00f9 contenuti possibili a pi\u00f9 persone possibili. <strong>Il tema dell\u2019accessibilit\u00e0<\/strong> \u00e8 una naturale prosecuzione di questo concetto. Continuate a seguirci per iniziare a conoscere un aspetto vasto e cruciale del nostro settore.<\/em><\/p>\n<h3>Che cosa significa accessibile?<\/h3>\n<p>Se stai creando un prodotto digitale, \u00e8 fondamentale iniziare a <span style=\"color: #ff9900;\">integrare l\u2019accessibilit\u00e0 direttamente nel processo di progettazione<\/span>, in quanto intervenire successivamente \u00e8 molto pi\u00f9 complesso. Secondo le <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.w3.org\/Translations\/WCAG21-it\/\" target=\"_blank\" rel=\"noopener\"><strong><span style=\"color: #ff9900; text-decoration: underline;\">Linee guida per l\u2019accessibilit\u00e0 dei contenuti Web (WCAG) 2.1<\/span><\/strong><\/a><\/span>, <strong>l\u2019accessibilit\u00e0 nella <span id=\"urn:enhancement-5e79abb5-d6c0-49ea-b715-e5ca7e9ec788\" class=\"textannotation disambiguated wl-creative-work\">User Experience<\/span><\/strong> deve soddisfare i parametri seguenti:<\/p>\n<ul>\n<li><strong><span style=\"text-decoration: underline;\">Percepibile<\/span><\/strong>: gli utenti devono essere in grado di percepire le informazioni presentate, almeno attraverso uno dei sensi.<\/li>\n<li><strong><span style=\"text-decoration: underline;\">Utilizzabile<\/span><\/strong>: gli utenti devono poter usare l\u2019interfaccia ed eseguire interazioni.<\/li>\n<li><strong><span style=\"text-decoration: underline;\">Comprensibile<\/span><\/strong>: il funzionamento dell\u2019interfaccia e le informazioni presentate devono essere comprensibili.<\/li>\n<li><strong><span style=\"text-decoration: underline;\">Robusta<\/span><\/strong>: il contenuto deve poter essere interpretato dalle tecnologie assistive.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Perch\u00e9 l\u2019accessibilit\u00e0 nella User Experience \u00e8 importante?<\/h3>\n<p>Un mondo sempre pi\u00f9 digital equivale a una pi\u00f9 ampia gamma di opportunit\u00e0 per aziende e persone. In quest\u2019ottica, <strong>sviluppare un\u2019ottima <span id=\"urn:enhancement-19c01c65-aec9-44fe-9290-83ee3d86ba9e\" class=\"textannotation disambiguated wl-creative-work\">User Experience<\/span> \u00e8 essenziale per la riuscita del prodotto<\/strong>, in modo da soddisfare gli utenti, fidelizzarli e migliorare le vendite. Ma come farlo bene? L\u2019errore pi\u00f9 comune \u00e8 limitarsi a pensare \u201call\u2019utente tipico\u201d, mentre <span style=\"color: #ff9900;\">lo scopo dell\u2019UX Design deve essere progettare in modo accessibile<\/span>, per garantire gli stessi diritti e possibilit\u00e0 a prescindere dalla propria condizione. L\u2019attuale esistenza di un divario, detto Web <span id=\"urn:enhancement-15b9d93d-8194-4980-afc1-eed2b209bbc3\" class=\"textannotation disambiguated wl-thing\">Accessibility<\/span> Divide, ci dice che siamo ancora lontani dal raggiungere questo traguardo e che stiamo lasciando indietro molte persone affette da <span id=\"urn:enhancement-2d3ff390-d808-48e9-9741-d95dc35c034a\" class=\"textannotation disambiguated wl-thing\">disabilit\u00e0<\/span>.<\/p>\n<p>Gli ambiti della <span id=\"urn:enhancement-58b75d7d-8bc8-4761-adce-3a8ed02b871b\" class=\"textannotation disambiguated wl-thing\">disabilit\u00e0<\/span> sono visivo, motorio, uditivo o cognitivo.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-28654 \" src=\"https:\/\/www.fancyfestival.com\/creative-words\/wp-content\/uploads\/2025\/05\/accessibilita-importanza-300x169.webp\" alt=\"accessibilita importanza\" width=\"460\" height=\"259\" \/>Oltre a questa suddivisione, \u00e8 bene considerare anche il tipo di manifestazione: permanente (come una sordit\u00e0 dalla nascita); temporanea (come difficolt\u00e0 visive a seguito di un\u2019operazione agli occhi); situazionale (come l\u2019uso dello smartphone mentre ho altri oggetti in mano oppure l\u2019ascolto di un video in un locale molto rumoroso). Da questi esempi possiamo capire che <span style=\"color: #ff9900;\">una progettazione accessibile va in realt\u00e0 a soddisfare le necessit\u00e0 di tutte le persone<\/span>.<\/p>\n<p>&nbsp;<\/p>\n<h3>E nella pratica?<\/h3>\n<p>Per capire meglio <span style=\"color: #ff9900;\">come rendere un contenuto accessibile<\/span>, riportiamo alcune indicazioni di base che possono offrirti qualche spunto interessante. Sono state raggruppate in base a macro-categorie per una consultazione pi\u00f9 facile e veloce, ma considera che alcuni aspetti possono rientrare in pi\u00f9 d\u2019una.<\/p>\n<p>&nbsp;<\/p>\n<ol>\n<li>\n<h4>Disabilit\u00e0 visive e cognitive (es. <span style=\"text-decoration: underline;\"><strong><span style=\"color: #ff9900;\"><a style=\"color: #ff9900; text-decoration: underline;\" href=\"https:\/\/creative-words.com\/disturbi-dis-cosa-sono-e-perche-non-se-ne-parla-abbastanza\/\">disturbi DIS<\/a><\/span><\/strong><\/span>)<\/h4>\n<\/li>\n<\/ol>\n<ul>\n<li><strong><span style=\"text-decoration: underline;\">Contrasto<\/span><\/strong>: per garantire un\u2019ottima leggibilit\u00e0 usa uno sfondo chiaro e un testo scuro, senza per\u00f2 esagerare per non incorrere nell\u2019effetto \u201cturbine\u201d (che rende il testo sfocato). Un contrasto troppo forte (testo nero su sfondo bianchissimo) potrebbe apparire troppo intenso e impedire la lettura. Meglio optare quindi per colori pi\u00f9 tenui.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Caratteri<\/strong><\/span>: devono essere di grandezza appropriata, ancor meglio se rendi disponibile una funzione di ingrandimento manuale in modo che ogni utente possa adattarlo alle proprie esigenze. Per evitare l\u2019effetto sfocatura, scegli caratteri sans-serif, ovvero senza le \u201cgrazie\u201d che distorcono la forma delle lettere e le fanno apparire come fossero attaccate. Arial, Helvetica e Montserrat sono tra i caratteri consigliati.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Grassetto<\/strong><\/span>: \u00e8 da preferire al corsivo. Le lettere di quest\u2019ultimo, infatti, seguono linee irregolari e impediscono la lettura.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Layout strutturato e spaziatura<\/strong><\/span>: la leggibilit\u00e0 della pagina migliora se imposti il documento in modo che abbia titoli chiari, citazioni ben riconoscibili, elenchi puntati, ecc. I paragrafi non devono essere troppo lunghi per impedire agli utenti di perdere il segno, mentre un\u2019adeguata spaziatura tra i contenuti aiuta a distinguerli pi\u00f9 facilmente. Evita per\u00f2 l\u2019allineamento del testo giustificato, che crea spazi ampi e irregolari tra parole, con il rischio di causare un effetto \u201cfiume\u201d.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Semplicit\u00e0<\/strong><\/span>: per facilitare la comprensione, usa un linguaggio chiaro, scorrevole e semplice, senza troppi tecnicismi.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>\u00a0 \u00a0 \u00a0 2. Disabilit\u00e0 visive<\/h4>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong>Testo alternativo (Alt text) per le immagini<\/strong><\/span>: il testo alternativo pu\u00f2 essere letto dai lettori di schermo e permettere anche a chi ha difficolt\u00e0 visive di sapere cosa rappresentano le immagini. L\u2019importante \u00e8 non scrivere descrizioni troppo lunghe.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Pulsanti e CTA<\/strong><\/span>: per evitare confusione nel seguire le indicazioni del lettore di schermo, al posto di un copy generico (\u201cclicca qui\u201d), per pulsanti e CTA scegli un copy descrittivo dell\u2019azione (ad esempio \u201cscarica il report\u201d).<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Codici CAPTCHA<\/strong><\/span>: includi sempre l\u2019opzione audio e usali in modo limitato e attento.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>\u00a0 \u00a0 \u00a0 3. Disabilit\u00e0 visive e motorie<\/h4>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong>Comandi vocali<\/strong><\/span>: i comandi vocali risultano utili sia a chi non ha la possibilit\u00e0 di vedere lo schermo e interagirvi direttamente, sia a chi ha difficolt\u00e0 a usare le mani e le dita o ne \u00e8 del tutto impossibilitato.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Navigazione da tastiera<\/strong><\/span>: crea link e menu di navigazione accessibili direttamente dalla tastiera, senza necessit\u00e0 di ricorrere al mouse. Al posto dei menu a tendina puoi assegnare scorciatoie per ogni voce (ad esempio: premere \u201c1\u201d per la home, premere \u201c2\u201d per la pagina dei prezzi, ecc.).<\/li>\n<li><strong><span style=\"text-decoration: underline;\">Cursori<\/span><\/strong>: prevedi l\u2019attivazione di cursori speciali per navigare ed eseguire azioni.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Posizione dei tasti<\/strong><\/span>: non devono essere n\u00e9 troppo ravvicinati n\u00e9 troppo distanti.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Comandi touch<\/strong><\/span>: imposta combinazioni di tocchi o scorrimenti sullo schermo per eseguire azioni specifiche.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>\u00a0 \u00a0 \u00a04. Disabilit\u00e0 uditive<\/h4>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong><span id=\"urn:enhancement-b1ac7c35-df61-4deb-94cc-897c2ebef15d\" class=\"textannotation disambiguated wl-thing\">Trascrizioni<\/span> e sottotitoli<\/strong><\/span>: per ogni video e audio inserisci sempre un\u2019alternativa testuale.<\/li>\n<li><strong><span style=\"text-decoration: underline;\">Lingua dei segni<\/span><\/strong>: proponi contenuti audio e video corredati dalla versione in lingua dei segni per favorire l\u2019inclusivit\u00e0.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Tecnologie assistive: un valido aiuto per garantire l\u2019accessibilit\u00e0 nella User Experience<\/h3>\n<p>Una <strong><span id=\"urn:enhancement-060ee98e-5356-4d95-9653-a7e4330dd36f\" class=\"textannotation disambiguated wl-creative-work\">User Experience<\/span> accessibile<\/strong> \u00e8 adatta a supportare altri tipi di tecnologie che si installano su un sistema gi\u00e0 esistente per renderlo pi\u00f9 usabile.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-28659 \" src=\"https:\/\/www.fancyfestival.com\/creative-words\/wp-content\/uploads\/2025\/05\/accessibilita-tecnonologie.assistive-300x169.webp\" alt=\"accessibilita tecnologie assistive\" width=\"447\" height=\"252\" \/><\/p>\n<p>Vediamone alcune:<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\"><strong>Browser alternativi<\/strong><\/span>: uno dei migliori per chi soffre di disturbi di DSA \u00e8 <span style=\"text-decoration: underline;\"><span style=\"color: #ff9900;\"><strong><a style=\"color: #ff9900; text-decoration: underline;\" href=\"https:\/\/www.helperbird.com\/\" target=\"_blank\" rel=\"noopener\">Helpbird<\/a><\/strong><\/span><\/span>, disponibile sia per <span id=\"urn:enhancement-49708172-bebc-45b2-b037-c9dbd123b05c\" class=\"textannotation disambiguated wl-creative-work\">Google<\/span> Chrome sia per Mozilla Firefox. Dopo averlo installato, \u00e8 possibile modificare i colori e i caratteri (scegliendo quelli pi\u00f9 adatti alla dislessia come <span style=\"text-decoration: underline; color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/it.wikipedia.org\/wiki\/OpenDyslexic\" target=\"_blank\" rel=\"noopener\"><strong>OpenDyslexic<\/strong><\/a><\/span>) oppure attivare la <span id=\"urn:enhancement-8038d159-48bf-4087-8172-138cfefdc3e5\" class=\"textannotation disambiguated wl-thing\">sintesi vocale<\/span> e tanto altro ancora.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Lettori di schermo<\/strong><\/span>: programmi che leggono il testo ad alta voce o usano il sistema di scrittura <span id=\"urn:enhancement-df3dd6b3-addb-4f44-9f02-e5f565dbbe5d\" class=\"textannotation disambiguated wl-thing\">braille<\/span> attraverso un apposito display collegato al computer.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Eye-tracker o oculometri<\/strong><\/span>: applicazioni che sfruttano il tracciamento dei movimenti oculari e la chiusura delle palpebre.<\/li>\n<li><span style=\"text-decoration: underline;\"><strong>Riconoscitori del parlato ASR<\/strong><\/span>: la sigla sta per Automatic Speech Recognition (Riconoscimento vocale automatico) e indica una tecnologia in grado di trascrivere i discorsi pronunciati oralmente.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h4>Testa il tuo sito web<\/h4>\n<p>In conclusione, se hai un sito web, sappi che puoi verificare qual \u00e8 l\u2019attuale livello di <span style=\"color: #000000;\"><strong><span id=\"urn:enhancement-61d62ba2-a9ef-4b10-9af2-5ae12f872e78\" class=\"textannotation disambiguated wl-thing\">accessibilit\u00e0<\/span><\/strong><\/span> tramite l\u2019applicazione<span style=\"color: #ff9900;\"><span style=\"text-decoration: underline;\"><strong><a style=\"color: #ff9900; text-decoration: underline;\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/axe-devtools-web-accessib\/lhdoppojpmngadmnindnejefpokejbdd\" target=\"_blank\" rel=\"noopener\"> axe DevTools &#8211; Web Accessibility Testing<\/a><\/strong><\/span><span style=\"color: #000000;\">,<\/span><\/span>\u00a0un\u2019estensione gratuita che si installa direttamente nel browser e che ti consente di scansionare il sito per individuare eventuali problemi da risolvere.<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" class=\"alignleft wp-image-22411 \" src=\"https:\/\/www.fancyfestival.com\/creative-words\/wp-content\/uploads\/2025\/05\/foto-articolo-cristina.png\" alt=\"foto articolo cristina\" width=\"177\" height=\"177\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Lettrice accanita, ama gli animali e adora viaggiare per scoprire nuovi luoghi e culture. Non aspetta altro che arrivi l\u2019estate, ma ha un debole per la cioccolata calda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Questo articolo fa parte di una serie di post sull\u2019accessibilit\u00e0 qui sul blog di Creative Words. Come sappiamo, lo scopo per cui la traduzione e la localizzazione nascono \u00e8 quello di portare pi\u00f9 contenuti possibili a pi\u00f9 persone possibili. Il tema dell\u2019accessibilit\u00e0 \u00e8 una naturale prosecuzione di questo concetto. Continuate a seguirci per iniziare a [&hellip;]<\/p>\n","protected":false},"author":15,"featured_media":28661,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[106,19],"class_list":["post-22393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-traduzione-e-localizzazione","tag-accessibilita","tag-traduzione"],"_links":{"self":[{"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/posts\/22393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/comments?post=22393"}],"version-history":[{"count":0,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/posts\/22393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/media\/28661"}],"wp:attachment":[{"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/media?parent=22393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/categories?post=22393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fancyfestival.com\/creative-words\/wp-json\/wp\/v2\/tags?post=22393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}