{"id":857,"date":"2018-10-16T10:16:55","date_gmt":"2018-10-16T08:16:55","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/progetto-di-accessibilita-web-diy\/"},"modified":"2018-10-16T10:16:55","modified_gmt":"2018-10-16T08:16:55","slug":"progetto-di-accessibilita-web-diy","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/progetto-di-accessibilita-web-diy\/","title":{"rendered":"Un progetto fai da te di accessibilit\u00e0 web"},"content":{"rendered":"<div class=\"paragrafo\">\n<p>L&#8217;estate del 2017 ha segnato una <a href=\"https:\/\/www.forbes.com\/sites\/legalnewsline\/2017\/10\/02\/lawyers-awarded-100k-after-historic-verdict-for-blind-internet-users-winn-dixie-appealing\/#194fb0286b2e\">monumentale vittoria<\/a> per i milioni di americani che vivono con una disabilit\u00e0. Il 13 Giugno, un giudice del Southern District della Florida ha stabilito che <a href=\"https:\/\/www.forbes.com\/sites\/legalnewsline\/2017\/06\/13\/first-of-its-kind-trial-goes-plaintiffs-way-winn-dixie-must-update-website-for-the-blind\/#279f0a4e1b38\">il sito non accessibile di Winn-Dixie<\/a> violava il Title III dell&#8217;Americans with Disabilities Act. Questo caso ha segnato il <a href=\"https:\/\/www.jdsupra.com\/legalnews\/first-public-accommodations-website-82698\/\">primo processo sotto l&#8217;ADA<\/a>, che \u00e8 diventato legge nel 1990.<\/p>\n<p>Nonostante avesse speso pi\u00f9 di <a href=\"https:\/\/www.drinkerbiddle.com\/insights\/publications\/2017\/07\/winn-dixie-website-violated-ada\">7 milioni di dollari per rinnovare il proprio sito web<\/a> nel 2016, Winn-Dixie ha omesso di includere delle considerazioni di design per gli utenti con disabilit\u00e0. Alcune delle feature che sono state aggiunte includevano: nuove prescrizioni online, coupon digitali, integrazione con la carta a premi e una funzione per individuare i negozi. Tuttavia, pare che <a href=\"http:\/\/www.miamiherald.com\/news\/business\/article155927249.html\">l&#8217;inclusivit\u00e0 non ce l&#8217;abbia fatta<\/a>.<\/p>\n<p>Dal momento che il nuovo sito di Winn-Dixie non era stato sviluppato tenendo presenti gli standard WCAG 2.0, le nuove feature di cui si vantava erano in effetti disponibili solo per gli utenti vedenti e non disabili. Quando Juan Carlos Gil, un residente della Florida legalmente cieco, ha visitato il sito web di Winn-Dixie per ordinare il refill delle sue medicine, ha scoperto che era quasi completamente inaccessibile usando lo stesso screen reader che usava per accedere a centinaia di altri siti.<\/p>\n<p>Nel suo reclamo originale Juan ha affermato che \u201csi sentiva come se gli fosse stata chiusa in faccia un&#8217;altra porta\u201d. Ma Juan non era solo. Intenzionalmente o meno, Winn-Dixie stava negando l&#8217;accesso al proprio sito e, di conseguenza, a un intero gruppo di persone, a tutta una serie di feature che offre che permettono di risparmiare tempo.<\/p>\n<p>Ci\u00f2 che rende questo caso unico \u00e8 che segna la prima volta nella storia in cui un caso di conciliazione pubblica \u00e8 andato in giudizio, il che significa che il giudice ha stabilito che il sito web \u00e8 un &#8220;luogo di pubblica conciliazione&#8221; sotto l&#8217;ADA e pertanto soggetto ai regolamenti ADA. Dal momento che non ci sono dei regolamenti ADA specifici riguardanti internet, il giudice Scola ha deciso che \u00e8 appropriata l&#8217;adozione delle Web Content Accessibility Guidelines (WCAG) 2.0 Level AA. (Grazie al duro lavoro della Web Accessibility Initiative (WAI) al W3C, le WCAG 2.0 sono state ampiamente adottate in tutto il globo, <a href=\"https:\/\/www.w3.org\/WAI\/Policy\/\">sotto forma di legge o policy<\/a>).<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2 id=\"section1\">Imparare ad avere empatia<\/h2>\n<p>Chiunque abbia un servizio in abbonamento per un prodotto (pensate ai pannolini, ai rasoi o al cibo per gli animali) conosce bene la sensazione di gratitudine che accompagna la consegna di un prodotto di cui si ha davvero bisogno che arriva giusto all&#8217;ultimo secondo. Immaginatevi quanto sareste pi\u00f9 grati per questo servizio se, per qualsiasi ragione, foste impossibilitati a guidare e viveste a ore di distanza dal negozio pi\u00f9 vicino. \u00c8 un servizio che migliorerebbe moltissimo la vostra vita. Ma immaginate <em>adesso<\/em> che il servizio venga rimodernato e riprogettato in maniera tale che \u00e8 utilizzabile solo dalle persone che possiedono una macchina. Probabilmente la cosa vi farebbe leggermente arrabbiare.<\/p>\n<p>Questo esempio di servizio in abbonamento \u00e8 ipotetico, tuttavia negli Stati Uniti, nonostante i requisiti di accessibilit\u00e0 web federali istituiti per proteggere i diritti degli Americani disabili, questo tipo di discriminazione accade frequentemente. In effetti, chiunque supponga che il caso Winn-Dixie fosse un incidente isolato sarebbe nel torto. Le cause in ambito accessibilit\u00e0 web stanno aumentando. L&#8217;<a href=\"https:\/\/www.adatitleiii.com\/2017\/01\/ada-title-iii-lawsuits-increase-by-37-percent-in-2016\/\">aumento dal 2015 al 2016 \u00e8 stato del 37%<\/a>. Sebbene alcune di queste potrebbero essere quelle note come \u201c<a href=\"https:\/\/www.cbsnews.com\/news\/60-minutes-americans-with-disabilities-act-lawsuits-anderson-cooper\/\">cause brevi<\/a>\u201d, molte di esse rappresentano querelanti come Juan Gil che voleva semplicemente equi diritti. Scott Dinin, l&#8217;avvocato di Juan, ha spiegato: \u201cNon stiamo facendo causa per danni. Gli stiamo solo facendo causa perch\u00e9 seguano le leggi che esistono in questo paese da ventiquattro anni\u201d.<\/p>\n<p>Per questo motivo e per molti altri, adesso \u00e8 il momento migliore per avere un approccio proattivo all&#8217;accessibilit\u00e0 web. In questo articolo vi aiuter\u00f2 a creare un modello per rendere accettabile il vostro sito web.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2 id=\"section2\">Il modello di accessibilit\u00e0<\/h2>\n<p>Se avete a che fare con un rimedio, non indorer\u00f2 la pillola: soddisfare con successo gli standard di accessibilit\u00e0 \u00e8 un duro lavoro, uno che si ottiene solo quanto ogni pagina di un sito aderisce a tutte le linee guida che state cercando di rispettare. Come ho citato prima, queste linee guida sono solitamente le WCAG 2.0 Level AA, il che significa soddisfare ogni requisito di Livello A e AA. Le deadline stringenti, il budget risicato e priorit\u00e0 in competizione potrebbero far aumentare lo stress che accompagna un progetto di rimedio dell&#8217;accessibilit\u00e0 web, ma con un po&#8217; di pianificazione e ricerca, rendere un sito web accessibile \u00e8 sia ragionevole sia realizzabile.<\/p>\n<p>La mia intenzione \u00e8 che possiate usare questo articolo come un modello che vi guidi mentre vi imbarcate in un progetto di rimedio fai da te dell&#8217;accessibilit\u00e0. Prima di cominciare, avrete bisogno di <a href=\"https:\/\/webaim.org\/intro\/#implementing\">accrescere il vostro know-how in materia di accessibilit\u00e0<\/a>, di familiarizzare con <a href=\"https:\/\/www.bitovi.com\/blog\/embrace-7-principles-of-universal-design-for-better-website-design\">i principi di design universale<\/a> e apprendere i <a href=\"https:\/\/blog.thewholebraingroup.com\/5-benefits-accessible-website\">vantaggi di un sito web accessibile<\/a>. Poi, potrete cominciare a parlare con entusiasmo dei benefici dell&#8217;accessibilit\u00e0 alle persone che lavorano con voi.<\/p>\n<h3 id=\"section3\">Fare Il discorso alla leadership<\/h3>\n<p>Assicurarsi il supporto della leadership aziendale \u00e8 imperativo per il successo a lungo termine del vostro lavoro. Ci sono numerosi modi per sollevare la questione dell&#8217;accessibilit\u00e0, ma, tristemente, nel mondo degli affari, le affermazioni comprovate superano l&#8217;etica e gli obblighi morali. Pertanto, ho scoperto che uno dei modi pi\u00f9 efficaci per <a href=\"http:\/\/digitaldesignstandards.com\/standard\/accessibility\/designing-accessibility-simply-good-business\/\">mettere insieme un business case per l&#8217;accessibilit\u00e0 web<\/a> sia di sottolinearne i benefici.<\/p>\n<p>Ecco alcune cose di cui parlare:<\/p>\n<ul>\n<li>I siti Web accessibili sono intrinsecamente pi\u00f9 utilizzabili e di conseguenza ottengono pi\u00f9 traffico. Inoltre, una miglior user experience ha come risultato un bounce rate pi\u00f9 basso, conversioni pi\u00f9 alte e meno feedback negativo, che a loro volta tipicamente fanno s\u00ec <a href=\"https:\/\/www.abilitynet.org.uk\/blog\/how-accessibility-helps-seo\">che i siti web accessibili si posizionino pi\u00f9 in alto nei motori di ricerca<\/a>.<\/li>\n<li>Come le tecnologie assistive, i web crawler (come Googlebot) sfruttano HTML per ottenere le loro informazioni dai siti web, quindi un sito web accessibile con un buon markup \u00e8 pi\u00f9 facile da indicizzare, il che lo rende pi\u00f9 semplice da trovare nei risultati di ricerca.<\/li>\n<li>C&#8217;\u00e8 un certo numero di <a href=\"http:\/\/www.lflegal.com\/2017\/08\/ny-web-cases\/\">rischi potenziali a non avere un sito web accessibile<\/a>, uno dei quali \u00e8 costituito dalle <a href=\"https:\/\/dynomapper.com\/blog\/27-accessibility-testing\/443-web-accessibility-lawsuits-set-to-increase-under-trump)\">cause per accessibilit\u00e0<\/a>.<\/li>\n<li>Le piccole aziende negli Stati Uniti che migliorano l&#8217;accessibilit\u00e0 del proprio sito web possono aver diritto a una <a href=\"https:\/\/www.boia.org\/blog\/irs-will-pay-you-for-website-accessibility\">detrazione delle tasse<\/a> da parte dell&#8217;IRS.<\/li>\n<\/ul>\n<h3 id=\"section4\">Date il via al movimento<\/h3>\n<p>Se non potete assicurarvi fin da subito il supporto della leadership, potete ancora formare un movimento di base per l&#8217;accessibilit\u00e0 all&#8217;interno dell&#8217;azienda. Cominciate piano e create lo slancio man mano che lavorate al miglioramento dell&#8217;usabilit\u00e0 per tutti gli utenti. Anche se potreste non avere l&#8217;autorit\u00e0 per fare dei cambiamenti in tutta l&#8217;azienda, potrete strategicamente e sistematicamente indicare la strada per i miglioramenti di accessibilit\u00e0 web.<\/p>\n<p>Vi consiglio di cominciare da poco. Per esempio, cominciate a spingere per dei miglioramenti nel rapporto del contrasto tra i colori in tutto il sito (che aiuter\u00e0 i daltonici, le persone con problemi di vista e gli utenti pi\u00f9 anziani) o lavorate per rendere il sito accessibile da tastiera (che aiuter\u00e0 gli utenti con problemi di mobilit\u00e0 o con i touchpad rotti e le persone che come me preferiscono non usare il mouse ogni volta che si pu\u00f2). Incorporate la user research e l&#8217;A\/B testing in questi aggiornamenti e documentate i risultati. Usate i risultati per caldeggiare altri miglioramenti di accessibilit\u00e0.<\/p>\n<h3 id=\"section5\">Leggete e rileggete le linee guida<\/h3>\n<p>Createvi una knowledge base mentre lavorate. Imparare quali leggi, regole o linee guida si applicano a voi e comprenderle \u00e8 un prerequisito per scrivere un piano di accessibilit\u00e0. <a href=\"https:\/\/webaim.org\/articles\/laws\/world\/\">Le linee guida di accessibilit\u00e0 web variano nel mondo.<\/a> Ci potrebbero essere altre linee guida che si applicano a voi e, in alcuni casi, regole aggiuntive, regolamenti e ordini specifici per il vostro settore.<\/p>\n<p>La mancata comprensione di quali regole si applicano al vostro caso, non leggerle completamente o non comprendere cosa significano pu\u00f2 creare un grosso problema durante il percorso, incluso un&#8217;eccessiva revisione una volta che avrete saputo di dover fare dei cambiamenti.<\/p>\n<h3 id=\"section6\">Create un team<\/h3>\n<p>Prima che possiate cominciare a porre rimedi al vostro sito web, dovrete assemblare un team. Il numero di persone varier\u00e0 a seconda della dimensione della vostra azienda e del vostro sito web. In passato, ho lavorato per un&#8217;azienda molto grande con un sito web molto grande, tuttavia il team di accessibilit\u00e0 che hanno assemblato era piccolo rispetto alle migliaia di pagine a cui dovevamo rimediare. Tale team includeva un project manager, dei visual designer, degli user experience designer, dei front-end developer, dei content editor, un paio di persone per i requisiti e alcuni QA tester. La maggior parte di queste persone era stata presa dai loro ruoli full-time e istruita per familiarizzare rapidamente con le WCAG 2.0. Per aiutarvi a creare il vostro team di accessibilit\u00e0, spiegher\u00f2 in dettaglio le responsabilit\u00e0 principali dei ruoli chiave:<\/p>\n<ul>\n<li>Il <strong>project manager<\/strong> \u00e8 responsabile della coordinazione dell&#8217;intero processo di bonifica. Aiuter\u00e0 a gestire le sessioni di pianificazione, far\u00e0 in modo che tutti rispettino il calendario e riferir\u00e0 dei progressi che si stanno facendo. Lavorando a stretto contatto con le persone dei requisiti, il suo obiettivo \u00e8 far s\u00ec che ogni parte di questa nuova macchina funzioni senza intoppi.<\/li>\n<li>I <strong>visual designer<\/strong> principalmente gestiranno le questioni di <a href=\"http:\/\/www.uxbooth.com\/articles\/accessibility-visual-design\/\">uso del colore e alternative di testo<\/a>. Nella loro attuale forma, i contrasti minimi per le WCAG 2.0 si applicano solo al testo, tuttavia, l&#8217;aggiornamento WCAG 2.1 a lungo annunciato (dovrebbe essere rilasciato a met\u00e0 2018) contiene dei nuovi criteri di successo per il <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#non-text-contrast\">Non-text Contrast<\/a>, che copre il contrasto minimo per tutti gli elementi interattivi e \u201cper le grafiche necessarie alla comprensione del contenuto\u201d. I visual designer dovrebbero anche tenersi alla larga dai <a href=\"http:\/\/www.telegraph.co.uk\/science\/2016\/10\/23\/internet-is-becoming-unreadable-because-of-a-trend-towards-light\/\">trend di design che rovinano l&#8217;usabilit\u00e0<\/a>.<\/li>\n<li>Gli <strong>UX designer<\/strong> dovrebbero controllare che la navigazione e l&#8217;ordine di lettura siano consistenti e logici. Dovranno testare che le pagine stiano <a href=\"https:\/\/www.hobo-web.co.uk\/headers\/\">usando i tag di heading in maniera appropriata<\/a> (gli heading sono per la struttura semantica, non per gli stili visuali). Controlleranno per vedere che i design delle pagine siano strutturati per apparire e funzionare in modi prevedibili.<\/li>\n<li>I <strong>developer<\/strong> hanno il potenziale per far funzionare o distruggere un sito web accessibile perch\u00e9 anche i design migliori falliranno se implementati in maniera scorretta. Se i vostri developer non hanno familiarit\u00e0 con <a href=\"https:\/\/www.w3.org\/TR\/wai-aria-1.1\/\">WAI-ARIA<\/a>, <a href=\"https:\/\/www.w3.org\/WAI\/gettingstarted\/tips\/developing\">le accessible coding practices<\/a> o <a href=\"https:\/\/medium.com\/@matuzo\/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9\">JavaScript accessibile<\/a>, allora devono imparare un po&#8217; di cose. Gli sviluppatori dovrebbero pensare a s\u00e9 stessi come designer perch\u00e9 giocano un ruolo molto importante nella <a href=\"https:\/\/shop.smashingmagazine.com\/products\/inclusive-design-patterns\">progettazione di una user experience inclusiva<\/a>. Fortunatamente, Google offre un breve <a href=\"https:\/\/webaccessibility.withgoogle.com\/course\">corso gratuito, Introduction to Web Accessibility<\/a> e, tramite Udacity, un <a href=\"https:\/\/www.udacity.com\/course\/web-accessibility--ud891\">corso gratis, avanzato di due settimane sull&#8217;accessibilit\u00e0<\/a>. Inoltre, <a href=\"http:\/\/a11yproject.com\/\">The A11Y Project<\/a> \u00e8 un emporio pieno di pattern library, checklist e risorse di accessibilit\u00e0 gratiuite per front-end developer.<\/li>\n<li>Gli <strong>editorial<\/strong> rivedono il testo per la verbosit\u00e0. Evitate di usare frasi che confonderanno le persone la cui prima lingua non \u00e8 quella del sito. Non \u201cmenate il can per l&#8217;aia\u201d (visto cosa ho fatto?). Fate in modo che il contenuto sia semplice, conciso e facile da capire. Non avete una laurea in lettere? Nessun problema. Ci sono delle app che possono aiutarvi a <a href=\"https:\/\/hemingwayapp.com\/\">migliorare la chiarezza della vostra scrittura<\/a> e che <a href=\"https:\/\/www.grammarly.com\/\">correggono la grammatica<\/a> come un&#8217;insegnante di inglese delle scuole medie. Fate punti extra assicurandovi che il testo dei link sia comprensibile al di fuori del contesto. Sebbene questa sia una linea guida WCAG 2.0 Level AAA, \u00e8 anche facilmente sistemabile e migliora enormemente la user experience per gli individui con varie abilit\u00e0 di apprendimento e cognitive.<\/li>\n<li>Gli <strong>analisti<\/strong> lavorano in tandem con gli editorial, il design, l&#8217;UX e la QA. Coordinano il lavoro che fanno questi gruppi e documentano i cambiamenti necessari. Siccome lavorano con questi team, gestiscono gli action item ed esaminano ulteriormente qualsiasi task, domanda o richiesta in sospeso. Gli analisti inoltre inviano le specifiche dei requisiti agli sviluppatori. Se i cambiamenti sono numerosi e complessi, gli sviluppatori potrebbero aver bisogno di ulteriori chiarimenti dagli analisti, che li aiuteranno a implementare appropriatamente i cambiamenti descritti nelle specifiche.<\/li>\n<li>I <strong>QA<\/strong> dovranno essere istruiti allo stesso livello degli altri specialisti di accessibilit\u00e0 visto che saranno i responsabili dei test dei cambiamenti che si stanno facendo e dovranno beccare qualsiasi questione che spunta fuori. Dovranno imparare come navigare in un sito web usando solo una tastiera e anche ad usare in maniera appropriata uno screen reader (idealmente una variet\u00e0 di screen reader). Sottolineo \u201cappropriatamente\u201d perch\u00e9 anche se chiunque pu\u00f2 scaricare <a href=\"https:\/\/www.nvaccess.org\/\">NVDA<\/a> o attivare <a href=\"https:\/\/help.apple.com\/voiceover\/info\/guide\/10.12\/\">VoiceOver<\/a>, ci vuole un altro livello di abilit\u00e0 per comprendere la differenza tra \u201cattraversare una pagina\u201d e \u201cattraversare una pagina con controlli da tastiera standard\u201d. Pu\u00f2 essere un vantaggio reale avere persone con problemi di vista, udito o mobilit\u00e0 nel team di QA, perch\u00e9 hanno maggiore familiarit\u00e0 con le tecnologie assistive e possono fare test in tandem con gli altri. Inoltre, c&#8217;\u00e8 una variet\u00e0 di <a href=\"https:\/\/dynomapper.com\/blog\/27-accessibility-testing\/246-top-25-awesome-accessibility-testing-tools-for-websites\">strumenti automatici per testare l&#8217;accessibilit\u00e0<\/a> che si possono usare insieme ai test manuali. Questi strumenti tipicamente rilevano solo il 30% circa dei problemi comuni di accessibilit\u00e0, quindi non sostituiscono i test continui fatti da persone, ma possono essere estremamente utili nell&#8217;aiutare un QA a capire quando un aggiornamento ha influenzato negativamente l&#8217;accessibilit\u00e0 del vostro sito web.<\/li>\n<\/ul>\n<h3 id=\"section7\">Accendete i motori!<\/h3>\n<p>Dividete i task in pezzi che abbiano senso. Potrete voler gestire prima tutti gli elementi globali e poi procedere nel resto del sito, sezione per sezione. Tenete a mente che ogni pagina deve aderire agli standard di accessibilit\u00e0 che state seguendo perch\u00e9 la si possa giudicare \u201caccessibile\u201d. (Include anche i PDF).<\/p>\n<p>Usate quello che avete imparato finora attraverso video, articoli e linee guida di accessibilit\u00e0 per fare un audit del vostro attuale sito. Mentre alcuni test manuali potrebbero sulle prime sembrare difficili, sarete felici di sapere che <a href=\"http:\/\/www.karlgroves.com\/2013\/09\/05\/the-6-simplest-web-accessibility-tests-anyone-can-do\/\">alcuni test manuali sono molto semplici<\/a>. Indipendentemente dai test che si stanno facendo, tenete a mente che dovrebbero essere sempre fatti approfonditamente e considerando una variet\u00e0 di utenti, inclusi:<\/p>\n<ul>\n<li>utenti da tastiera;<\/li>\n<li>utenti ciechi;<\/li>\n<li>utenti daltonici;<\/li>\n<li>utenti ipovedenti;<\/li>\n<li>utenti sordi o con problemi d&#8217;udito;<\/li>\n<li>utenti con disabilit\u00e0 nell&#8217;apprendimento e limiti cognitivi;<\/li>\n<li>utenti con mobilit\u00e0 ridotta;<\/li>\n<li>utenti con disabilit\u00e0 del linguaggio;<\/li>\n<li>utenti con epilessia.<\/li>\n<\/ul>\n<h3 id=\"section8\">Documentate i pattern<\/h3>\n<p>Man mano che vi addentrate nei meandri della bonifica, tenete traccia dei pattern che state usando. Cominciate un knowledge repository per gli elementi e le situazioni. Fissate i design e i colori, programmate ogni elemento perch\u00e9 sia accessibile e testate questi pattern su varie piattaforme, browser, screen reader e device. Quando sapete che gli elementi sono a prova di bomba, salvateli in una pattern library da cui potete estrarli in seguito. Avere a portata di mano una pattern library migliorer\u00e0 la consistenza e la compliance e vi aiuter\u00e0 pi\u00f9 avanti a rispettare le scadenze stringenti, specialmente quando si lavora in ambiente agile. Dovrete tenere aggiornati il knowledge repository e la pattern library. Dovrebbe essere un documento vivo.<\/p>\n<h3 id=\"section9\">Attraversare il traguardo\u2026 E andare avanti!<\/h3>\n<p>Alcune persone credono erroneamente che l&#8217;accessibilit\u00e0 sia una soluzione \u201cimpostala e dimenticatene\u201d. Non lo \u00e8. L&#8217;accessibilit\u00e0 \u00e8 una sfida continua a migliorare costantemente la user experience cos\u00ec come fa ogni bravo UX practitioner. Questo \u00e8 il motivo per cui \u00e8 cruciale avere a bordo la leadership. Una volta che il vostro sito \u00e8 completamente accessibile, dovete cominciare a lavorare sugli arretrati dei miglioramenti continui. Se non siete vigili sull&#8217;accessibilit\u00e0, le persone che faranno anche piccoli aggiornamenti del sito potrebbero involontariamente eliminare dal sito delle feature di accessibilit\u00e0 su cui avevate lavorato cos\u00ec duramente. Sareste sorpresi da quanto capita rapidamente, quindi istruite tutti i vostri colleghi sull&#8217;importanza dell&#8217;accessibilit\u00e0. Quando tutti quelli che lavorano sul vostro sito comprendono e sostengono con entusiasmo l&#8217;accessibilit\u00e0, le vostre chance di protezione dell&#8217;accessibilit\u00e0 del sito saranno molto pi\u00f9 alte.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2 id=\"section10\">Riguarda l&#8217;esperienza, non la legge<\/h2>\n<p><a href=\"https:\/\/www.lexislegalnews.com\/articles\/23502\/winn-dixie-blind-patron-debate-ada-applicability-to-websites-in-11th-circuit\">Nel Dicembre del 2017, Winn-Dixie ha fatto ricorso in appello<\/a> contro Juan Carlo Gil. La loro tesi \u00e8 che un sito web non costituisce un luogo di alloggio e, pertanto, il loro caso avrebbe dovuto essere respinto. Questo caso, e altri, illustrano che la legalit\u00e0 dell&#8217;accessibilit\u00e0 del web \u00e8 ancora molto in divenire. Tuttavia, come sviluppatori e progettisti di siti web, la nostra motivazione a costruire siti Web accessibili non dovrebbe avere nulla a che fare con la legge ma tutto ci\u00f2 che riguarda l&#8217;esperienza dell&#8217;utente.<\/p>\n<p>Una buona accessibilit\u00e0 \u00e8 una buona UX. Dovremmo cercare di creare la miglior user experience per tutti e non dovremmo accontentarci semplicemente di soddisfare gli standard di accessibilit\u00e0 ma piuttosto impegnarci a fondo per creare un&#8217;esperienza che delizi gli utenti con tutti i tipi di abilit\u00e0.<\/p>\n<\/div>\n<div class=\"paragrafo\">\n<h2 id=\"section11\">Ulteriori risorse e articoli<\/h2>\n<p>Se siete pronti per imparare di pi\u00f9 sugli standard di accessibilit\u00e0 web e diventare un accessibility evangelist nel vostro team, ecco alcune risorse in pi\u00f9 che possono aiutarvi.<\/p>\n<h3 id=\"section12\">Risorse<a class=\"subhead-anchor\" href=\"#section12\">#section12<\/a><\/h3>\n<ul>\n<li><a href=\"http:\/\/code.viget.com\/interactive-wcag\">Interactive WCAG 2.0<\/a>: una fantastica versione integrale delle linee guida WCAG 2.0 che vi permette di filtrare i success criteria per responsabilit\u00e0.<\/li>\n<li><a href=\"https:\/\/khan.github.io\/tota11y\/\">tota11y<\/a>: \u00e8 totalmente uno strumento di visualizzazione dell&#8217;accessibilit\u00e0 facile da usare di Khan Academy.<\/li>\n<li>L&#8217;<a href=\"https:\/\/a11yproject.com\/\">A11Y Project<\/a>: una tonnellata di librerie, checklist e risorse sull&#8217;accessibilit\u00e0 per i front-end developer.<\/li>\n<li><a href=\"https:\/\/www.udacity.com\/course\/web-accessibility--ud891\">Web Accessibility by Google: Developing with Empathy<\/a>: un corso di eLearning di due settimane, gratis, pensato per i front-end developer esperti.<\/li>\n<li>\u201c<a href=\"https:\/\/dynomapper.com\/blog\/27-accessibility-testing\/246-top-25-awesome-accessibility-testing-tools-for-websites\">Top Twenty-Five Awesome Accessibility Testing Tools for Websites<\/a>\u201d: una lista di venticinque tool di testing automatici dell&#8217;accessibilit\u00e0 con una breve descrizione per ciascuno di essi.<\/li>\n<\/ul>\n<h3 id=\"section13\">Articoli<\/h3>\n<ul>\n<li>\u201c<a href=\"http:\/\/digitaldesignstandards.com\/standard\/accessibility\/designing-accessibility-simply-good-business\/\">Why Designing for Accessibility Is Simply Good Business<\/a>\u201d: elenca sette vantaggi dell&#8217;avere un sito web accessibile adatti alle aziende.<\/li>\n<li>\u201c<a href=\"https:\/\/www.nomensa.com\/blog\/2012\/accessibility-is-part-of-ux-it-isnt-a-swear-word\">Accessibility Is Part of UX (It Isn\u2019t a Swear Word)<\/a>\u201d: un articolo bellissimo che spiega come la separazione tra HTML e CSS influenzi la navigazione, il layout e molto altro.<\/li>\n<li>\u201c<a href=\"http:\/\/italianalistapart.com\/articoli\/129-numero-113-20-luglio-2015\/547-reinquadrare-accessibilita-web\">Reinquadrare l&#8217;accessibilit\u00e0 per il Web<\/a>\u201d: spiega gli stereotipi negativi, l&#8217;abilismo e come integrare l&#8217;accessibilit\u00e0 nei propri processi di testing.<\/li>\n<li>\u201c<a href=\"https:\/\/www.levelaccess.com\/what-does-responsive-web-design-have-to-do-with-accessibility\/\">What Does Responsive Web Design Have to Do with Accessibility?<\/a>\u201d: discute come il responsive web design migliori UX e accessibilit\u00e0.<\/li>\n<li>\u201c<a href=\"https:\/\/usabilitygeek.com\/guidelines-improve-usability-accessibility\/\">Ten Guidelines to Improve the Usability and Accessibility of Your Site<\/a>\u201d: vi aiuta a identificare le opzioni pi\u00f9 facili per le questioni di accessibilit\u00e0 e vi mostra come risolverle.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Buona accessibilit\u00e0 vuol dire buona UX. Dovremmo cercare di creare la miglior user experience per tutti (non solo per le persone senza disabilit\u00e0). Ma lanciare un progetto che rimedi all&#8217;accessibilit\u00e0 di un&#8217;azienda pu\u00f2 essere un grande impegno. Dovrete convincere la leadership aziendale, creare un team multidisciplinare di accessibilit\u00e0 e istruire tutti sugli standard di accessibilit\u00e0. In questo articolo, Beth Raduenzel fornisce una guida passo a passo per creare e mantenere un sito web accessibile.<\/p>\n","protected":false},"author":818,"featured_media":7000851,"comment_status":"open","ping_status":"open","template":"","categories":[245,237,86],"tags":[],"coauthors":[535],"class_list":["post-857","article","type-article","status-publish","has-post-thumbnail","hentry","category-accessibilita","category-numero-251-13-marzo-2018","category-user-experience"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article\/857","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/comments?post=857"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media\/7000851"}],"wp:attachment":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media?parent=857"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/categories?post=857"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/tags?post=857"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/coauthors?post=857"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}