{"id":15516,"date":"2022-11-17T09:01:00","date_gmt":"2022-11-17T08:01:00","guid":{"rendered":"https:\/\/www.addlance.com\/blog\/?p=15516"},"modified":"2022-11-13T13:49:52","modified_gmt":"2022-11-13T12:49:52","slug":"web-design-accessibile","status":"publish","type":"post","link":"https:\/\/seven.addlance.com\/beta\/blog\/web-design-accessibile\/","title":{"rendered":"Il sito vincente? E&#8217; il pi\u00f9 accessibile"},"content":{"rendered":"\n<figure class=\"wp-block-image alignright size-medium al-nomobile\"><img decoding=\"async\" width=\"400\" height=\"267\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2022\/10\/user-experience-400x267.jpg\" alt=\"user experience accessibile\" class=\"wp-image-15532\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience-400x267.jpg 400w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience-1024x682.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience-768x512.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience-610x407.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience-1080x720.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/user-experience.jpg 1280w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure>\n\n\n\n<p>Se costruisci siti web di mestiere, devi conoscere le <strong><a href=\"https:\/\/www.addlance.com\/s\/web-design\" title=\"\">tendenze del Web Design 2022<\/a><\/strong>. Il sito vincente, anche quest&#8217;anno, \u00e8 il pi\u00f9 <strong>accessibile<\/strong>! Leggi come aumentare la tua professionalit\u00e0 (e il tuo successo) migliorando la <strong><em>User Experience <\/em><\/strong>(UE) dei tuoi clienti.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Sviluppo siti web: cosa sta cambiando nel mondo?<\/h2>\n\n\n\n<p>Se sei uno sviluppatore o un Web Designer, se lavori da solo o in team, se lavori come freelance o per un&#8217;agenzia, la parola d&#8217;ordine per i siti internet continua ad essere &#8220;<strong>accessibilit\u00e0<\/strong>&#8220;. Cresce, infatti, la <strong>Corporate Social Responsability<\/strong> delle attivit\u00e0 digitali nei confronti di chi ha una scarsa accessibilit\u00e0 a Internet. Tutto parte dalle statistiche del <strong>Measuring Digital Development<\/strong>, <strong>Facts and Figures&nbsp;2021<\/strong>, che segnalano un aumento del 63% delle connessioni nel mondo, innescate dalla Pandemia. Cos\u00ec nel&nbsp;2022 \u00e8 vitale <strong>garantire a tutti l&#8217;accessibilit\u00e0 ad attivit\u00e0 online<\/strong> come<em> smart working, DaD, e-commerce, e-banking<\/em> e servizi sanitari. Purtroppo manca all&#8217;appello un terzo della popolazione mondiale, che non ha accesso a Internet per vari motivi. I pi\u00f9 gravi sono la povert\u00e0 e la discriminazione di genere. Ma ce ne sono anche altri. Come:<\/p>\n\n\n\n<ul><li><strong>Scarse&nbsp;competenze digitali<\/strong>, per esempio <em>non capire<\/em> come scorre la pagina visualizzata.&nbsp;<\/li><li><strong>Mancanza di contenuti nelle lingue locali,<\/strong> cio\u00e8 di <em>user interface<\/em> che facilitino lettura, scrittura e calcolo.<\/li><li><strong>Disabilit\u00e0 temporanee <\/strong>come un arto rotto, la perdita degli occhiali da vista, mani occupate per tenere un bambino o telefonare.<\/li><li><strong>Disabilit\u00e0 cognitiva<\/strong>, cio\u00e8 non essere capaci di capire i contenuti scritti.<\/li><li><strong>Daltonismo<\/strong>, quando non si distinguono i colori.<\/li><li><strong>Dislessia<\/strong>, che porta a leggere e scrivere numeri e lettere al contrario o a saltare le righe dei contenuti.<\/li><li><strong>Ipovisione<\/strong>, quando sfuggono alla vista i dettagli delle immagini.<\/li><li><strong>Epilessia fotosensibile<\/strong>, che risente di colori troppo luminosi e immagini iper stimolanti, scatenando veri e propri attacchi.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Come lo User Experience Design pu\u00f2 aiutare a progettare bene<\/h2>\n\n\n\n<p>In tutti questi casi la <em><strong>User Experience<\/strong><\/em> risulta impossibile e genera esclusione se il Web Design non \u00e8 come si deve. Sei un professionista esperto in sviluppo siti web, il tuo lavoro cresce con l&#8217;inclusione digitale, non puoi fare a meno di <strong>fornire ai tuoi clienti la grafica giusta<\/strong> per:<\/p>\n\n\n\n<ul><li><strong>Migliorare il <em>ranking <\/em><\/strong>nei motori di ricerca aumentando l&#8217;accessibilit\u00e0 ai siti che progetti<\/li><li><strong>Moltiplicare i visitatori,<\/strong> portando alle stelle le quote di mercato e gli utili delle piattaforme<\/li><li><strong>Essere un UX Designer che evita di discriminare<\/strong> una fetta di utenza con problemi di accessibilit\u00e0.<\/li><\/ul>\n\n\n\n<p>Insomma, il sito accessibile \u00e8 vincente con i clienti, facendoti guadagnare di pi\u00f9. Leggi di seguito quali sono le mosse di tendenza per migliorare le tue prestazioni.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Leggi anche <a href=\"https:\/\/www.addlance.com\/blog\/user-experience\/\" target=\"_blank\" rel=\"noopener\" title=\"\">I professionisti di User Experience sono richiestissimi dal mercato. Sai il perch\u00e9?<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le 10 azioni perfette per costruire un sito web accessibile <\/h2>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/www.addlance.com\/blog\/wp-content\/uploads\/2022\/10\/accessibile-1024x688.jpg\" alt=\"sito web accessibile\" class=\"wp-image-15535\" srcset=\"https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile-1024x688.jpg 1024w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile-400x269.jpg 400w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile-768x516.jpg 768w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile-610x410.jpg 610w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile-1080x726.jpg 1080w, https:\/\/seven.addlance.com\/beta\/blog\/wp-content\/uploads\/2022\/10\/accessibile.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se costruisci siti web, sai che il Web Design ha fatto passi da gigante negli ultimi 2 anni, cercando di risolvere il problema pi\u00f9 grande di Internet: <strong>l&#8217;accessibilit\u00e0<\/strong>. E, naturalmente, <strong>il diritto di connessione<\/strong>&nbsp;per milioni di persone escluse dalla rete. Secondo&nbsp;&#8220;The Click-Away Pound Survey&#8221;&nbsp;il 71% dei navigatori che incontrano problemi di <em>user interface<\/em> molla il sito, perdendo l&#8217;occasione di sfruttare servizi preziosi. Da parte sua il Web Designer perde clienti e guadagni. Vale quindi la pena di correre ai ripari <strong>progettando un sito accessibile<\/strong>. Ti chiedi come? Ecco le nostre ditte per migliorare:<\/p>\n\n\n\n<ul><li><strong>Progetti una App?<\/strong> Migliora la <strong><em>User Interface<\/em><\/strong> con un <em>mark-up<\/em> chiaro e pulito, facendo in modo che<strong> <\/strong>i comportamenti siano coerenti con le aspettative degli utenti.<\/li><li><strong>Evita di richiedere troppe azioni touch<\/strong>, come pizzicare per ingrandire la visualizzazione di un&#8217;interfaccia utente.<\/li><li><strong>Occhio all&#8217;uso dei colori:<\/strong> no a forti contrasti fra testo e sfondo, perch\u00e9 gli utenti con difficolt\u00e0 visive non riescono a leggere tutto ci\u00f2 che \u00e8 nella pagina.<\/li><li><strong>Segnala contenuti particolari in modi differenti:<\/strong> non sempre il colore viene percepito da tutti per quello che \u00e8.<\/li><li><strong>Migliora il <em>target touch<\/em>&nbsp;<\/strong>con un margine di errore minore, perch\u00e9 non sempre si usano facilmente le dita e le mani.<\/li><li><strong>No ai <em>template<\/em> a reticolo fortemente sagomato:<\/strong> hanno alto contrasto che pu\u00f2 causare problemi.<\/li><li><strong>Prevedi l&#8217;ingrandimento del&nbsp;font di un testo<\/strong> o la modifica del colore: migliora la leggibilit\u00e0 dei contenuti.<\/li><li><strong>Metti in evidenza gli elementi interattivi&nbsp;<\/strong>con pulsanti o colori.<\/li><li><strong>Permetti la creazione immediata di sottotitoli o contenuto audio<\/strong>&nbsp;tramite un pulsante collegato al documento.<\/li><li><strong>Usa una lingua facile per i testi<\/strong>, cio\u00e8 senza congiuntivi, sinonimi e negazioni. Ogni frase \u00e8 breve e chiara, con una sola informazione. Ricorri a un <strong>Copywriter professionista <\/strong>se necessario.<\/li><\/ul>\n\n\n\n<p>Il <strong>Web Design accessibile<\/strong> ti stuzzica, ma hai ancora dei dubbi. Leggi di seguito i nostri 4 esempi che funzionano per chiarirti le idee!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ecco 4 esempi di User Experience che funzionano<\/h2>\n\n\n\n<p>Sai che nel 2021 molte attivit\u00e0 e servizi online sono cresciuti a vantaggio del mercato mondiale?  L&#8217;accessibilit\u00e0 a Internet, per\u00f2, non \u00e8 uguale per tutti e una gran quantit\u00e0 di persone ha rischiato e rischia di restarne fuori. Uno dei motivi \u00e8 legato al Web Design. Quindi, se vuoi evolvere anche tu e offrire ai tuoi clienti una <em>User Experience<\/em> inclusiva per siti vincenti, ecco i 4 esempi reali che dimostrano il successo della <strong>progettazione inclusiva<\/strong>.<\/p>\n\n\n\n<ul><li><strong>L&#8217;Hilton Columbus a Easton,<\/strong> in Ohio, fa parte della catena di alberghi pi\u00f9 famosa del mondo, riservata&nbsp;a <em>business man<\/em> e turisti singoli e in gruppo. Il sito dell&#8217;hotel accoglie i visitatori online con &#8220;accessiBe&#8221;, <em>software<\/em> gestionale che fa scegliere il profilo di accessibilit\u00e0 adatto al singolo cliente, per non perdere neanche una prenotazione.<\/li><li><strong>StepStone<\/strong>, una delle principali piattaforme di reclutamento di giovani al mondo, consente all&#8217;ipovedente di ingrandire i testi del sito semplicemente spostando il cursore. Con la funzione &#8220;Safe Profile&#8221; ottiene una <em>user interface<\/em> senza flash mentre il colore dello schermo si abbassa di tono; cos\u00ec l&#8217;utente naviga nel sito Web senza essere disturbato da animazioni lampeggianti.<\/li><li><strong>Kappa,<\/strong> storico marchio di abbigliamento casual, sceglie per il suo sito una bassa saturazione dei colori pensando ai clienti con problemi di vista.<\/li><li>La homepage del sito <strong>GlassesUSA<\/strong>, famoso <em>brand<\/em> con <em>shop online <\/em>di occhiali americani, fornisce invece agli ipovedenti l&#8217;opzione &#8220;contrasto elevato&#8221;, dove le tonalit\u00e0 del colore sono nette, con sfumature azzerate.<\/li><\/ul>\n\n\n\n<p>Mettiti in campo anche tu le tue competenze in fatto di <strong>User Experience Design<\/strong>. Se non ti senti abbastanza formato in materia, aggiornati al pi\u00f9 presto. Verrai presto ingaggiato per realizzare un sito accessibile per i tuoi clienti business. A proposito, hai gi\u00e0 attivato un profilo professionale su AddLance?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Progettare un sito web accessibile \u00e8 una delle tendenze del Web Design 2022. Scopri di che si tratta e perch\u00e8 \u00e8 fondamentale aggiornarsi in UXD per progettare!<\/p>\n","protected":false},"author":7,"featured_media":15532,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":""},"categories":[16],"tags":[31],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/15516"}],"collection":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/comments?post=15516"}],"version-history":[{"count":27,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/15516\/revisions"}],"predecessor-version":[{"id":15650,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/posts\/15516\/revisions\/15650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media\/15532"}],"wp:attachment":[{"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/media?parent=15516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/categories?post=15516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seven.addlance.com\/beta\/blog\/wp-json\/wp\/v2\/tags?post=15516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}