[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"sanity-CbJnGfw-gNt2zT-BV8VKm7_8znixOH1Dn7RaC6ApxDE":3,"sanity-VjEHmVXa-NUHcqk99C8kRIBMjQTYU1eWf8fLiHKBhhE":26,"sanity-gaabU25lSv4fNVQx3HdMW0YlydKCShbc6mitmgzVkkw":47},{"data":4,"sourceMap":-1},{"_createdAt":5,"_id":6,"_rev":7,"_system":8,"_type":6,"_updatedAt":11,"headerFrasetta":12,"showFrasetta":25},"2024-09-24T09:16:53Z","header","p760j7h835F4y7spQlBYJd",{"base":9},{"id":6,"rev":10},"weFjAg3F0H46n8pjNHFp0o","2026-05-18T10:57:18Z",[13],{"_key":14,"_type":15,"children":16,"markDefs":23,"style":24},"8eadd18b3ed0","block",[17],{"_key":18,"_type":19,"marks":20,"text":22},"e6dcee98cdea","span",[21],"strong","",[],"normal",true,{"data":27,"sourceMap":-1},{"menuItems":28},[29,36,42],{"_id":30,"_type":31,"name":32,"slug":33},"26f5f963-f363-481e-b28b-a6a8eb3333a2","page",null,{"_type":34,"current":35},"slug","page-01",{"_id":37,"_type":38,"name":39,"slug":40},"f11cf4d3-b8c6-4bb9-9fb2-88b5a8cd910e","category","Ecommerce",{"_type":34,"current":41},"ecommerce",{"_id":43,"_type":38,"name":44,"slug":45},"afa06101-fcb3-4ccc-9911-5a71710f8303","Digital",{"_type":34,"current":46},"digital",{"data":48,"sourceMap":-1},{"_createdAt":49,"_id":50,"_rev":51,"_system":52,"_type":55,"_updatedAt":56,"author":57,"category":88,"content":94,"correlati":805,"date":853,"excerpt":888,"imported":25,"mainImage":889,"seo":894,"showInHome":898,"slug":899,"tags":901,"title":902},"2024-08-21T05:41:33Z","blog-accessibilita-web","p760j7h835F4y7spRrczzl",{"base":53},{"id":50,"rev":54},"ozq8uGlzlkluwdw2baN0cZ","post","2026-06-21T16:20:22Z",{"_createdAt":58,"_id":59,"_rev":60,"_system":61,"_type":64,"_updatedAt":65,"bio":66,"name":75,"picture":76,"showTop":25,"slug":81,"socials":83},"2024-06-12T08:42:39Z","acebc245-3745-4a3f-a2dc-02640a7a9792","31ZYHThkucP97gw3bGuFfu",{"base":62},{"id":59,"rev":63},"21OzDndKKn8cbR4orm5IrM","author","2026-06-17T10:02:36Z",[67],{"_key":68,"_type":15,"children":69,"markDefs":74,"style":24},"61ba39142c5c",[70],{"_key":71,"_type":19,"marks":72,"text":73},"1c3051de12650",[],"COO e CMO @ICT Sviluppo",[],"Giovanni Fracasso",{"_type":77,"asset":78},"image",{"_ref":79,"_type":80},"image-8d013907a8588f1b8daa361dbbb31091e261ddc4-2721x2721-png","reference",{"_type":34,"current":82},"giovanni-fracasso",{"_type":84,"facebook":85,"linkedin":86,"x_twitter":87},"socialsBlock","https:\u002F\u002Fwww.facebook.com\u002Fgiovannifracasso","https:\u002F\u002Fit.linkedin.com\u002Fin\u002Ffracassogiovanni","https:\u002F\u002Fwww.twitter.com\u002Fiostesso",{"_createdAt":89,"_id":43,"_rev":90,"_type":38,"_updatedAt":91,"description":92,"name":44,"slug":93},"2024-06-12T07:15:21Z","ozq8uGlzlkluwdw2ba8qeq","2024-08-22T06:23:18Z","Post di Digital marketing.",{"_type":34,"current":46},[95,103,111,119,128,136,153,161,181,221,237,245,253,272,280,288,296,312,320,328,351,363,383,395,415,449,461,473,481,489,497,513,544,608,616,624,640,648,656,664,683,691,699,725,733,741,749,757,765,773,781,789,797],{"_key":96,"_type":15,"children":97,"markDefs":102,"style":24},"b0001",[98],{"_key":99,"_type":19,"marks":100,"text":101},"s0001",[],"L'accessibilità web è il principio per cui un sito deve poter essere usato da chiunque, comprese le persone con disabilità visive, uditive, motorie o cognitive, e a prescindere dal dispositivo o dalla tecnologia assistiva impiegata per navigare. Per molto tempo è stata trattata come un tema di nicchia, una cortesia da aggiungere alla fine se restavano tempo e budget. Oggi non lo è più, su due fronti che vale la pena tenere insieme: è diventata un obbligo di legge per la quasi totalità degli ecommerce e dei servizi digitali rivolti ai consumatori, e resta soprattutto una questione di buon senso commerciale, perché un sito che esclude una parte degli utenti esclude anche i loro acquisti.",[],{"_key":104,"_type":15,"children":105,"markDefs":110,"style":24},"b0002",[106],{"_key":107,"_type":19,"marks":108,"text":109},"s0002",[],"Il numero che fissa la posta in gioco è uno solo: nell'Unione europea vivono circa 101 milioni di persone con una qualche forma di disabilità, più di un cittadino adulto su quattro. A questi si aggiunge una platea molto più ampia di persone che in un dato momento si trovano in una condizione di disabilità temporanea o situazionale, chi naviga con un braccio ingessato, chi legge lo schermo del telefono sotto il sole, chi guarda un video senza audio sul treno. Progettare un sito accessibile non significa lavorare per una minoranza, significa lavorare meglio per tutti.",[],{"_key":112,"_type":15,"children":113,"markDefs":118,"style":24},"b0003",[114],{"_key":115,"_type":19,"marks":116,"text":117},"s0003",[],"Questa guida spiega cosa vuol dire davvero accessibilità web, quali sono le regole tecniche di riferimento, cosa impone la normativa europea entrata in piena applicazione di recente, quali sono le barriere più frequenti e, soprattutto, le prime cose concrete da fare per mettersi in regola senza affidarsi a scorciatoie che non funzionano.",[],{"_key":120,"_type":15,"children":121,"markDefs":126,"style":127},"b0004",[122],{"_key":123,"_type":19,"marks":124,"text":125},"s0004",[],"Cosa significa accessibilità web",[],"h2",{"_key":129,"_type":15,"children":130,"markDefs":135,"style":24},"b0005",[131],{"_key":132,"_type":19,"marks":133,"text":134},"s0005",[],"Un sito è accessibile quando il suo contenuto e le sue funzioni restano percepibili e utilizzabili anche quando l'utente non interagisce nel modo che il progettista dava per scontato. Chi è cieco non vede l'immagine del prodotto, ma un lettore di schermo può leggere il testo alternativo che la descrive. Chi non può usare il mouse naviga con la sola tastiera, e ogni elemento interattivo deve essere raggiungibile e azionabile in quel modo. Chi è ipovedente ingrandisce la pagina del 200 per cento, e il layout non deve rompersi. Chi è sordo guarda un video, e i sottotitoli gli restituiscono il parlato. Chi ha una disabilità cognitiva ha bisogno di un linguaggio chiaro, di una struttura prevedibile, di istruzioni che non lo mettano in difficoltà.",[],{"_key":137,"_type":15,"children":138,"markDefs":152,"style":24},"b0006",[139,143,148],{"_key":140,"_type":19,"marks":141,"text":142},"s0006",[],"L'accessibilità non riguarda quindi una singola categoria di persone, ma l'intera gamma dei modi in cui un essere umano può interagire con una tecnologia. È un sottoinsieme più rigoroso della ",{"_key":144,"_type":19,"marks":145,"text":147},"s0007",[146],"em","usability",{"_key":149,"_type":19,"marks":150,"text":151},"s0008",[],": un sito usabile è facile da usare per l'utente medio, un sito accessibile resta usabile anche per chi medio non è. I due obiettivi quasi sempre coincidono, e quando entrano in tensione è di solito il sito a essere progettato male.",[],{"_key":154,"_type":15,"children":155,"markDefs":160,"style":127},"b0007",[156],{"_key":157,"_type":19,"marks":158,"text":159},"s0009",[],"Le WCAG e i quattro principi dell'accessibilità",[],{"_key":162,"_type":15,"children":163,"markDefs":177,"style":24},"b0008",[164,168,173],{"_key":165,"_type":19,"marks":166,"text":167},"s0010",[],"Lo standard tecnico riconosciuto a livello internazionale sono le Web Content Accessibility Guidelines, le ",{"_key":169,"_type":19,"marks":170,"text":172},"s0011",[171],"m0001","WCAG pubblicate dal W3C",{"_key":174,"_type":19,"marks":175,"text":176},"s0012",[],", l'organismo che definisce gli standard del web. Le WCAG non sono un elenco di buone intenzioni, sono una serie di criteri di successo verificabili, organizzati attorno a quattro principi che ne riassumono la logica. Si ricordano con l'acronimo POUR, dalle iniziali inglesi.",[178],{"_key":171,"_type":179,"href":180},"link","https:\u002F\u002Fwww.w3.org\u002FWAI\u002Fstandards-guidelines\u002Fwcag\u002F",{"_key":182,"_type":15,"children":183,"markDefs":220,"style":24},"b0009",[184,188,192,196,200,204,208,212,216],{"_key":185,"_type":19,"marks":186,"text":187},"s0013",[],"Il primo principio è la ",{"_key":189,"_type":19,"marks":190,"text":191},"s0014",[21],"percepibilità",{"_key":193,"_type":19,"marks":194,"text":195},"s0015",[],": le informazioni e i componenti dell'interfaccia devono poter essere percepiti, il che significa fornire alternative testuali alle immagini, sottotitoli ai contenuti audio e video, un contrasto sufficiente tra testo e sfondo, e contenuti che non si affidino solo al colore per veicolare un significato. Il secondo è l'",{"_key":197,"_type":19,"marks":198,"text":199},"s0016",[21],"utilizzabilità",{"_key":201,"_type":19,"marks":202,"text":203},"s0017",[],": ogni funzione deve essere azionabile, e questo impone la piena navigabilità da tastiera, tempi non troppo stretti per completare le azioni, l'assenza di contenuti che lampeggiano in modo pericoloso, un focus sempre visibile e un ordine di navigazione logico. Il terzo è la ",{"_key":205,"_type":19,"marks":206,"text":207},"s0018",[21],"comprensibilità",{"_key":209,"_type":19,"marks":210,"text":211},"s0019",[],": il testo deve essere leggibile, il comportamento dell'interfaccia prevedibile, gli errori dei moduli segnalati in modo chiaro e con indicazioni su come correggerli. Il quarto è la ",{"_key":213,"_type":19,"marks":214,"text":215},"s0020",[21],"robustezza",{"_key":217,"_type":19,"marks":218,"text":219},"s0021",[],": il codice deve essere scritto in modo corretto e semantico, così da restare compatibile con i browser e con le tecnologie assistive presenti e future.",[],{"_key":222,"_type":15,"children":223,"markDefs":236,"style":24},"b0010",[224,228,232],{"_key":225,"_type":19,"marks":226,"text":227},"s0022",[],"Le WCAG prevedono tre livelli di conformità crescente, A, AA e AAA. Il livello A copre i requisiti minimi, il livello AAA quelli più stringenti e talvolta non applicabili a un intero sito. Il riferimento universalmente adottato, anche dalle normative, è il ",{"_key":229,"_type":19,"marks":230,"text":231},"s0023",[21],"livello AA",{"_key":233,"_type":19,"marks":234,"text":235},"s0024",[],", che rappresenta il punto di equilibrio tra rigore e sostenibilità. La versione delle linee guida richiamata dalle leggi europee è la 2.1, mentre la versione più recente pubblicata dal W3C è la 2.2, che aggiunge alcuni criteri su navigazione da tastiera, dimensione delle aree cliccabili e supporto cognitivo. Adottare la 2.2 mette al riparo anche rispetto agli aggiornamenti normativi futuri.",[],{"_key":238,"_type":15,"children":239,"markDefs":244,"style":127},"b0011",[240],{"_key":241,"_type":19,"marks":242,"text":243},"s0025",[],"La legge: dall'European Accessibility Act al decreto italiano",[],{"_key":246,"_type":15,"children":247,"markDefs":252,"style":24},"b0012",[248],{"_key":249,"_type":19,"marks":250,"text":251},"s0026",[],"Per anni, in Italia, l'accessibilità digitale è stata un obbligo quasi esclusivamente del settore pubblico, regolato dalla cosiddetta Legge Stanca, la legge 4 del 2004. Sul versante privato l'obbligo toccava soltanto le aziende molto grandi, quelle con un fatturato di gruppo superiore ai 500 milioni di euro in determinati settori. La stragrande maggioranza degli ecommerce restava fuori dal perimetro. Questo quadro è cambiato in modo strutturale.",[],{"_key":254,"_type":15,"children":255,"markDefs":269,"style":24},"b0013",[256,260,265],{"_key":257,"_type":19,"marks":258,"text":259},"s0027",[],"La svolta è la ",{"_key":261,"_type":19,"marks":262,"text":264},"s0028",[263],"m0002","direttiva europea 2019\u002F882",{"_key":266,"_type":19,"marks":267,"text":268},"s0029",[],", nota come European Accessibility Act, recepita in Italia con il decreto legislativo 27 maggio 2022, numero 82. La logica è la stessa che a suo tempo è stata seguita per il GDPR: una direttiva che armonizza le regole in tutta l'Unione, così che un'azienda non debba fare i conti con ventisette discipline diverse. La data che conta è il 28 giugno 2025: da quel giorno il decreto è in piena applicazione e l'obbligo di accessibilità si estende a un'ampia gamma di prodotti e servizi digitali destinati ai consumatori, tra cui in modo esplicito il commercio elettronico.",[270],{"_key":263,"_type":179,"href":271},"https:\u002F\u002Feur-lex.europa.eu\u002Flegal-content\u002FIT\u002FTXT\u002F?uri=CELEX%3A32019L0882",{"_key":273,"_type":15,"children":274,"markDefs":279,"style":24},"b0014",[275],{"_key":276,"_type":19,"marks":277,"text":278},"s0030",[],"In pratica, quasi tutti gli ecommerce rivolti al consumatore finale rientrano nell'ambito di applicazione. L'eccezione principale riguarda le microimprese che forniscono servizi, definite come imprese con meno di dieci dipendenti e un fatturato annuo non superiore a due milioni di euro: per la parte relativa ai servizi sono esentate, anche se restano soggette agli obblighi per gli eventuali prodotti immessi sul mercato. Va però detto che l'esenzione è una soglia bassa, e che molte attività la superano senza accorgersene. Affidarsi a quella deroga come strategia è un errore di prospettiva: la non accessibilità resta un costo commerciale anche quando non è una violazione.",[],{"_key":281,"_type":15,"children":282,"markDefs":287,"style":24},"b0015",[283],{"_key":284,"_type":19,"marks":285,"text":286},"s0031",[],"Il riferimento tecnico con cui si dimostra la conformità è la norma armonizzata EN 301 549, che a sua volta recepisce le WCAG al livello AA. Tradotto: rispettare le WCAG 2.1 di livello AA è la via maestra per essere conformi. Il decreto chiede anche alcuni requisiti specifici per i servizi di commercio elettronico, tra cui rendere accessibili le funzioni di identificazione, autenticazione, pagamento e firma elettronica, e fornire le informazioni sull'accessibilità dei prodotti venduti quando il produttore le mette a disposizione.",[],{"_key":289,"_type":15,"children":290,"markDefs":295,"style":24},"b0016",[291],{"_key":292,"_type":19,"marks":293,"text":294},"s0032",[],"Sul piano delle conseguenze, il decreto è dotato di un impianto sanzionatorio reale. Le sanzioni amministrative per chi non rispetta gli obblighi vanno da 2.500 a 40.000 euro a seconda della gravità e del numero di utenti coinvolti, e per le grandi aziende già soggette alla Legge Stanca si arriva fino al 5 per cento del fatturato. La vigilanza è affidata all'AgID e al Ministero delle imprese e del made in Italy. È previsto inoltre un regime transitorio fino al 28 giugno 2030 per i servizi che continuano a essere erogati con prodotti già legittimamente in uso prima del 2025, mentre i contenuti considerati archivi, cioè non aggiornati dopo il 28 giugno 2025, restano esclusi dall'obbligo retroattivo. Tutto ciò che si pubblica da quella data in poi, invece, deve nascere accessibile.",[],{"_key":297,"_type":15,"children":298,"markDefs":311,"style":24},"b0017",[299,303,307],{"_key":300,"_type":19,"marks":301,"text":302},"s0033",[],"Un adempimento spesso trascurato è la ",{"_key":304,"_type":19,"marks":305,"text":306},"s0034",[21],"dichiarazione di accessibilità",{"_key":308,"_type":19,"marks":309,"text":310},"s0035",[],", il documento pubblico con cui un'organizzazione attesta il livello di conformità del proprio sito, segnala le eventuali parti non ancora adeguate e offre un canale a chi voglia segnalare un problema. Non è un orpello formale: è il primo segnale, verso le autorità e verso gli utenti, che l'accessibilità è stata presa sul serio.",[],{"_key":313,"_type":15,"children":314,"markDefs":319,"style":127},"b0018",[315],{"_key":316,"_type":19,"marks":317,"text":318},"s0036",[],"Le barriere più comuni, e chi escludono",[],{"_key":321,"_type":15,"children":322,"markDefs":327,"style":24},"b0019",[323],{"_key":324,"_type":19,"marks":325,"text":326},"s0037",[],"Capire la teoria serve poco se non si sa riconoscere dove un sito si rompe nella pratica. Le barriere ricorrenti sono quasi sempre le stesse, e la buona notizia è che sono anche le più facili da prevenire.",[],{"_key":329,"_type":15,"children":330,"level":348,"listItem":349,"markDefs":350,"style":24},"b0020",[331,335,339,344],{"_key":332,"_type":19,"marks":333,"text":334},"s0038",[21],"Immagini senza testo alternativo",{"_key":336,"_type":19,"marks":337,"text":338},"s0039",[],": ogni immagine che porta informazione ha bisogno di un attributo ",{"_key":340,"_type":19,"marks":341,"text":343},"s0040",[342],"code","alt",{"_key":345,"_type":19,"marks":346,"text":347},"s0041",[]," che la descriva, altrimenti per un lettore di schermo semplicemente non esiste. Le immagini puramente decorative, al contrario, vanno marcate come tali per non sporcare la lettura.",1,"bullet",[],{"_key":352,"_type":15,"children":353,"level":348,"listItem":349,"markDefs":362,"style":24},"b0021",[354,358],{"_key":355,"_type":19,"marks":356,"text":357},"s0042",[21],"Contrasto insufficiente",{"_key":359,"_type":19,"marks":360,"text":361},"s0043",[],": un testo grigio chiaro su sfondo bianco è elegante nei mockup e illeggibile nella realtà. Le WCAG fissano un rapporto di contrasto minimo di 4,5 a 1 per il testo normale e 3 a 1 per quello grande.",[],{"_key":364,"_type":15,"children":365,"level":348,"listItem":349,"markDefs":382,"style":24},"b0022",[366,370,374,378],{"_key":367,"_type":19,"marks":368,"text":369},"s0044",[21],"Navigazione da tastiera impossibile",{"_key":371,"_type":19,"marks":372,"text":373},"s0045",[],": menu che si aprono solo al passaggio del mouse, pulsanti costruiti con ",{"_key":375,"_type":19,"marks":376,"text":377},"s0046",[342],"div",{"_key":379,"_type":19,"marks":380,"text":381},"s0047",[]," non focalizzabili, finestre modali da cui non si esce con il tasto Esc. Chi non usa il mouse resta bloccato.",[],{"_key":384,"_type":15,"children":385,"level":348,"listItem":349,"markDefs":394,"style":24},"b0023",[386,390],{"_key":387,"_type":19,"marks":388,"text":389},"s0048",[21],"Focus non visibile",{"_key":391,"_type":19,"marks":392,"text":393},"s0049",[],": quando si naviga con il tasto Tab serve un indicatore chiaro di dove ci si trova. Rimuovere l'outline del focus per ragioni estetiche, senza sostituirlo, rende il sito inutilizzabile per molti.",[],{"_key":396,"_type":15,"children":397,"level":348,"listItem":349,"markDefs":414,"style":24},"b0024",[398,402,406,410],{"_key":399,"_type":19,"marks":400,"text":401},"s0050",[21],"Moduli senza etichette",{"_key":403,"_type":19,"marks":404,"text":405},"s0051",[],": un campo di un form senza una ",{"_key":407,"_type":19,"marks":408,"text":409},"s0052",[342],"label",{"_key":411,"_type":19,"marks":412,"text":413},"s0053",[]," collegata costringe l'utente a indovinare cosa inserire, e gli errori segnalati solo con il colore rosso non dicono nulla a chi non distingue i colori.",[],{"_key":416,"_type":15,"children":417,"level":348,"listItem":349,"markDefs":448,"style":24},"b0025",[418,422,426,430,434,437,440,444],{"_key":419,"_type":19,"marks":420,"text":421},"s0054",[21],"Struttura dei titoli incoerente",{"_key":423,"_type":19,"marks":424,"text":425},"s0055",[],": i titoli ",{"_key":427,"_type":19,"marks":428,"text":429},"s0056",[342],"h1",{"_key":431,"_type":19,"marks":432,"text":433},"s0057",[],", ",{"_key":435,"_type":19,"marks":436,"text":127},"s0058",[342],{"_key":438,"_type":19,"marks":439,"text":433},"s0059",[],{"_key":441,"_type":19,"marks":442,"text":443},"s0060",[342],"h3",{"_key":445,"_type":19,"marks":446,"text":447},"s0061",[]," non servono solo a far apparire il testo più grande, sono l'ossatura con cui chi usa un lettore di schermo si orienta nella pagina. Saltare i livelli o usarli a caso disorienta.",[],{"_key":450,"_type":15,"children":451,"level":348,"listItem":349,"markDefs":460,"style":24},"b0026",[452,456],{"_key":453,"_type":19,"marks":454,"text":455},"s0062",[21],"Video senza sottotitoli e audio senza trascrizione",{"_key":457,"_type":19,"marks":458,"text":459},"s0063",[],": contenuti che escludono di netto chi è sordo o ipoudente.",[],{"_key":462,"_type":15,"children":463,"level":348,"listItem":349,"markDefs":472,"style":24},"b0027",[464,468],{"_key":465,"_type":19,"marks":466,"text":467},"s0064",[21],"Aree cliccabili troppo piccole",{"_key":469,"_type":19,"marks":470,"text":471},"s0065",[],": bersagli minuscoli e troppo vicini tra loro penalizzano chi ha una ridotta precisione motoria, sul desktop come sul mobile.",[],{"_key":474,"_type":15,"children":475,"markDefs":480,"style":24},"b0028",[476],{"_key":477,"_type":19,"marks":478,"text":479},"s0066",[],"Ognuna di queste barriere ha un costo invisibile: l'utente che la incontra raramente protesta, semplicemente abbandona. E un abbandono non si vede nei reclami, si vede solo nel tasso di conversione che resta più basso di quanto potrebbe.",[],{"_key":482,"_type":15,"children":483,"markDefs":488,"style":127},"b0029",[484],{"_key":485,"_type":19,"marks":486,"text":487},"s0067",[],"Le prime cose da fare per un sito accessibile",[],{"_key":490,"_type":15,"children":491,"markDefs":496,"style":24},"b0030",[492],{"_key":493,"_type":19,"marks":494,"text":495},"s0068",[],"Mettersi in regola non è un interruttore da premere, è un percorso. Ma esiste un ordine sensato di priorità, che parte da ciò che ha l'impatto più alto sul maggior numero di persone. Ecco le prime indicazioni utili, quelle da cui conviene cominciare.",[],{"_key":498,"_type":15,"children":499,"markDefs":512,"style":24},"b0031",[500,504,508],{"_key":501,"_type":19,"marks":502,"text":503},"s0069",[],"Il punto di partenza è una ",{"_key":505,"_type":19,"marks":506,"text":507},"s0070",[21],"valutazione dello stato attuale",{"_key":509,"_type":19,"marks":510,"text":511},"s0071",[],". Si combinano strumenti automatici, che individuano una parte dei problemi tecnici, e una verifica manuale, perché la maggior parte dei criteri WCAG non è rilevabile da una macchina: nessun software sa dire se un testo alternativo descrive davvero l'immagine o se l'ordine di navigazione ha senso. La prova più rapida e rivelatrice è provare a usare il sito con la sola tastiera, e poi ascoltarlo con un lettore di schermo. Bastano pochi minuti per capire dove si inciampa.",[],{"_key":514,"_type":15,"children":515,"markDefs":543,"style":24},"b0032",[516,520,524,528,532,536,539],{"_key":517,"_type":19,"marks":518,"text":519},"s0072",[],"Sul piano tecnico, la prima leva è l'",{"_key":521,"_type":19,"marks":522,"text":523},"s0073",[21],"HTML semantico",{"_key":525,"_type":19,"marks":526,"text":527},"s0074",[],". Usare gli elementi giusti per il loro scopo, un pulsante è un ",{"_key":529,"_type":19,"marks":530,"text":531},"s0075",[342],"button",{"_key":533,"_type":19,"marks":534,"text":535},"s0076",[]," e non un ",{"_key":537,"_type":19,"marks":538,"text":377},"s0077",[342],{"_key":540,"_type":19,"marks":541,"text":542},"s0078",[]," travestito, un titolo è un heading, un elenco è una lista, risolve gran parte dei problemi a monte, perché i browser e le tecnologie assistive sanno già come comportarsi con il markup corretto. Buona parte dell'accessibilità non si aggiunge, si ottiene non rovinando ciò che il web offre già.",[],{"_key":545,"_type":15,"children":546,"markDefs":607,"style":24},"b0033",[547,551,555,559,563,567,571,575,579,583,587,591,595,599,603],{"_key":548,"_type":19,"marks":549,"text":550},"s0079",[],"Da lì si procede sui fondamentali: garantire un ",{"_key":552,"_type":19,"marks":553,"text":554},"s0080",[21],"contrasto",{"_key":556,"_type":19,"marks":557,"text":558},"s0081",[]," adeguato fin dalla palette del brand, scrivere ",{"_key":560,"_type":19,"marks":561,"text":562},"s0082",[21],"testi alternativi",{"_key":564,"_type":19,"marks":565,"text":566},"s0083",[]," sensati per le immagini informative, collegare ogni campo dei moduli alla sua ",{"_key":568,"_type":19,"marks":569,"text":570},"s0084",[21],"etichetta",{"_key":572,"_type":19,"marks":573,"text":574},"s0085",[]," e segnalare gli errori con parole oltre che con il colore, assicurare la ",{"_key":576,"_type":19,"marks":577,"text":578},"s0086",[21],"navigazione da tastiera",{"_key":580,"_type":19,"marks":581,"text":582},"s0087",[]," completa con un focus sempre visibile, costruire una ",{"_key":584,"_type":19,"marks":585,"text":586},"s0088",[21],"gerarchia dei titoli",{"_key":588,"_type":19,"marks":589,"text":590},"s0089",[]," pulita, scrivere ",{"_key":592,"_type":19,"marks":593,"text":594},"s0090",[21],"testi dei link",{"_key":596,"_type":19,"marks":597,"text":598},"s0091",[]," che abbiano senso fuori contesto al posto del solito clicca qui, aggiungere ",{"_key":600,"_type":19,"marks":601,"text":602},"s0092",[21],"sottotitoli",{"_key":604,"_type":19,"marks":605,"text":606},"s0093",[]," ai video. Quando si usano componenti dinamici complessi, come menu, finestre modali o caroselli, gli attributi ARIA aiutano a comunicarne stato e ruolo alle tecnologie assistive, ma vanno usati con misura: un ARIA sbagliato fa più danni della sua assenza.",[],{"_key":609,"_type":15,"children":610,"markDefs":615,"style":24},"b0034",[611],{"_key":612,"_type":19,"marks":613,"text":614},"s0094",[],"Infine, l'accessibilità va resa un processo, non un intervento una tantum. Significa inserire i criteri WCAG nelle specifiche di progettazione, verificarli prima di ogni rilascio e formare chi pubblica contenuti, perché un'immagine senza testo alternativo caricata domani riapre una falla che oggi avevi chiuso. E significa pubblicare la dichiarazione di accessibilità, che chiude il cerchio sul piano formale.",[],{"_key":617,"_type":15,"children":618,"markDefs":623,"style":127},"b0035",[619],{"_key":620,"_type":19,"marks":621,"text":622},"s0095",[],"Perché gli overlay non sono una scorciatoia",[],{"_key":625,"_type":15,"children":626,"markDefs":639,"style":24},"b0036",[627,631,635],{"_key":628,"_type":19,"marks":629,"text":630},"s0096",[],"C'è una tentazione comprensibile, di fronte a un obbligo nuovo: installare un widget che promette di rendere il sito accessibile con una riga di codice. Sono i cosiddetti ",{"_key":632,"_type":19,"marks":633,"text":634},"s0097",[146],"overlay",{"_key":636,"_type":19,"marks":637,"text":638},"s0098",[],", plugin che si sovrappongono al sito e offrono all'utente una barra di strumenti per ingrandire il testo, cambiare i colori, attivare un finto lettore. Il messaggio commerciale è seducente, conformità in un giorno. La sostanza è un'altra.",[],{"_key":641,"_type":15,"children":642,"markDefs":647,"style":24},"b0037",[643],{"_key":644,"_type":19,"marks":645,"text":646},"s0099",[],"Un overlay non corregge il codice sottostante: lo maschera. Le barriere strutturali, un HTML scritto male, un contrasto sbagliato, un form senza etichette, restano dove sono, e in molti casi lo strumento entra in conflitto con le tecnologie assistive che l'utente usa già, peggiorando l'esperienza invece di migliorarla. Non a caso, negli Stati Uniti, dove il contenzioso sull'accessibilità è maturo da anni, una quota crescente di cause legali riguarda proprio siti che avevano installato un overlay credendo di essere coperti. La comunità delle persone con disabilità, quella che questi strumenti dicono di servire, li ha in larga parte rifiutati.",[],{"_key":649,"_type":15,"children":650,"markDefs":655,"style":24},"b0038",[651],{"_key":652,"_type":19,"marks":653,"text":654},"s0100",[],"L'accessibilità vera si fa nel codice e nel progetto, non con un cerotto sopra. Un overlay può al massimo essere un complemento marginale, mai la risposta. Chi promette conformità automatica sta vendendo tranquillità, non accessibilità.",[],{"_key":657,"_type":15,"children":658,"markDefs":663,"style":127},"b0039",[659],{"_key":660,"_type":19,"marks":661,"text":662},"s0101",[],"Accessibilità e SEO crescono insieme",[],{"_key":665,"_type":15,"children":666,"markDefs":680,"style":24},"b0040",[667,671,676],{"_key":668,"_type":19,"marks":669,"text":670},"s0102",[],"Vale la pena notare quanto l'accessibilità e il posizionamento sui motori di ricerca si sovrappongano. Un testo alternativo ben scritto aiuta un lettore di schermo e allo stesso tempo dice a Google cosa rappresenta un'immagine. Una gerarchia di titoli pulita orienta chi naviga in ascolto e fornisce al motore la struttura semantica della pagina. Un HTML semantico, dei link descrittivi, dei video con trascrizione, pagine veloci e leggibili: sono esattamente le cose che premiano la SEO. Non è un caso, è la stessa logica. I motori di ricerca, in fondo, sono il più grande utente con disabilità del web, navigano senza vedere e senza usare il mouse. Chi lavora bene sull'accessibilità raccoglie un beneficio anche sul traffico organico, un tema che approfondiamo nella guida alla ",{"_key":672,"_type":19,"marks":673,"text":675},"s0103",[674],"m0003","SEO per ecommerce",{"_key":677,"_type":19,"marks":678,"text":679},"s0104",[],".",[681],{"_key":674,"_type":179,"href":682},"\u002Fpost\u002Fseo-per-ecommerce-come-scalare-le-classifiche-di-google",{"_key":684,"_type":15,"children":685,"markDefs":690,"style":127},"b0041",[686],{"_key":687,"_type":19,"marks":688,"text":689},"s0105",[],"Progettare accessibile dall'inizio costa molto meno",[],{"_key":692,"_type":15,"children":693,"markDefs":698,"style":24},"b0042",[694],{"_key":695,"_type":19,"marks":696,"text":697},"s0106",[],"C'è una verità che chi costruisce siti conosce bene e che chi li commissiona spesso scopre tardi: rendere accessibile un sito già fatto, e fatto male, è un lavoro lungo e costoso, mentre progettarlo accessibile dall'inizio aggiunge pochissimo. La differenza è la stessa che passa tra costruire una rampa insieme alle scale e doverla aggiungere dopo, demolendo e rifacendo.",[],{"_key":700,"_type":15,"children":701,"markDefs":722,"style":24},"b0043",[702,706,710,714,719],{"_key":703,"_type":19,"marks":704,"text":705},"s0107",[],"Quando i criteri di accessibilità entrano nelle specifiche fin dalla fase di analisi, quando la palette del brand viene scelta anche pensando al contrasto, quando i componenti dell'interfaccia nascono navigabili da tastiera e con il loro stato comunicato correttamente, l'accessibilità non è una voce di costo separata, è parte del modo in cui si lavora. È il principio dello ",{"_key":707,"_type":19,"marks":708,"text":709},"s0108",[146],"shift left",{"_key":711,"_type":19,"marks":712,"text":713},"s0109",[],", anticipare i controlli invece di rincorrere i problemi. Sulla piattaforma più diffusa nel commercio online questo discorso è particolarmente concreto, e lo abbiamo declinato nella guida dedicata all'",{"_key":715,"_type":19,"marks":716,"text":718},"s0110",[717],"m0004","accessibilità su Shopify",{"_key":720,"_type":19,"marks":721,"text":679},"s0111",[],[723],{"_key":717,"_type":179,"href":724},"\u002Fpost\u002Faccessibilita-shopify",{"_key":726,"_type":15,"children":727,"markDefs":732,"style":24},"b0044",[728],{"_key":729,"_type":19,"marks":730,"text":731},"s0112",[],"Per un ecommerce, ogni barriera rimossa è una porta che si apre, e ogni porta è un potenziale acquisto in più. La conformità normativa è il punto di partenza, non quello di arrivo. L'accessibilità ben fatta non è un costo da subire, è il modo in cui un'esperienza d'acquisto diventa davvero per tutti. È esattamente il tipo di lavoro che in ICT Sviluppo affrontiamo con metodo, costruendo siti ed ecommerce pensati accessibili dal primo giorno, quando rimediare costa poco e vale molto.",[],{"_key":734,"_type":15,"children":735,"markDefs":740,"style":127},"b0045",[736],{"_key":737,"_type":19,"marks":738,"text":739},"s0113",[],"Domande frequenti sull'accessibilità web",[],{"_key":742,"_type":15,"children":743,"markDefs":748,"style":443},"b0046",[744],{"_key":745,"_type":19,"marks":746,"text":747},"s0114",[],"Da quando l'accessibilità web è obbligatoria in Italia?",[],{"_key":750,"_type":15,"children":751,"markDefs":756,"style":24},"b0047",[752],{"_key":753,"_type":19,"marks":754,"text":755},"s0115",[],"Per la generalità degli ecommerce e dei servizi digitali rivolti ai consumatori, l'obbligo è scattato il 28 giugno 2025, data di piena applicazione del decreto legislativo 82 del 2022 che recepisce l'European Accessibility Act. Fino ad allora l'obbligo per il settore privato riguardava quasi solo le aziende molto grandi. Tutto ciò che si pubblica dopo quella data deve nascere accessibile, mentre per alcuni servizi è previsto un regime transitorio fino al 2030 a certe condizioni.",[],{"_key":758,"_type":15,"children":759,"markDefs":764,"style":443},"b0048",[760],{"_key":761,"_type":19,"marks":762,"text":763},"s0116",[],"Quali siti sono esclusi dall'obbligo?",[],{"_key":766,"_type":15,"children":767,"markDefs":772,"style":24},"b0049",[768],{"_key":769,"_type":19,"marks":770,"text":771},"s0117",[],"L'esenzione principale riguarda le microimprese che forniscono servizi, definite come imprese con meno di dieci dipendenti e un fatturato annuo non superiore a due milioni di euro. È una soglia bassa, che molte attività superano, e l'esenzione non copre gli eventuali prodotti immessi sul mercato. Restano fuori anche i contenuti considerati archivi, cioè quelli non più aggiornati dopo il 28 giugno 2025. Affidarsi a queste deroghe come strategia resta comunque un errore commerciale, perché un sito inaccessibile esclude clienti paganti.",[],{"_key":774,"_type":15,"children":775,"markDefs":780,"style":443},"b0050",[776],{"_key":777,"_type":19,"marks":778,"text":779},"s0118",[],"Qual è lo standard tecnico da rispettare?",[],{"_key":782,"_type":15,"children":783,"markDefs":788,"style":24},"b0051",[784],{"_key":785,"_type":19,"marks":786,"text":787},"s0119",[],"Il riferimento sono le Web Content Accessibility Guidelines, le WCAG, al livello di conformità AA. La norma armonizzata europea EN 301 549, richiamata dalla legge, recepisce le WCAG 2.1. La versione più recente pubblicata dal W3C è la 2.2, che aggiunge alcuni criteri e adottarla mette al riparo anche rispetto agli aggiornamenti futuri.",[],{"_key":790,"_type":15,"children":791,"markDefs":796,"style":443},"b0052",[792],{"_key":793,"_type":19,"marks":794,"text":795},"s0120",[],"Un overlay rende il sito conforme?",[],{"_key":798,"_type":15,"children":799,"markDefs":804,"style":24},"b0053",[800],{"_key":801,"_type":19,"marks":802,"text":803},"s0121",[],"No. Gli overlay, i widget che si sovrappongono al sito promettendo conformità automatica, non correggono il codice sottostante e in molti casi peggiorano l'esperienza di chi usa le tecnologie assistive. L'accessibilità si fa nel codice e nella progettazione, non con un cerotto, e dove il contenzioso è maturo i siti con overlay finiscono spesso sotto causa proprio per questo.",[],[806,832,862],{"_id":807,"_type":55,"author":808,"category":821,"date":823,"excerpt":824,"mainImage":825,"slug":829,"title":831},"blog-che-cose-sanity-cms",{"_createdAt":58,"_id":59,"_rev":60,"_system":809,"_type":64,"_updatedAt":65,"bio":811,"name":75,"picture":817,"showTop":25,"slug":819,"socials":820},{"base":810},{"id":59,"rev":63},[812],{"_key":68,"_type":15,"children":813,"markDefs":816,"style":24},[814],{"_key":71,"_type":19,"marks":815,"text":73},[],[],{"_type":77,"asset":818},{"_ref":79,"_type":80},{"_type":34,"current":82},{"_type":84,"facebook":85,"linkedin":86,"x_twitter":87},{"_createdAt":89,"_id":43,"_rev":90,"_type":38,"_updatedAt":91,"description":92,"name":44,"slug":822},{"_type":34,"current":46},"2026-06-22T09:00:00.000Z","Sanity è la piattaforma di gestione contenuti headless, oggi content operating system: cos'è, come funziona e perché conviene ai progetti middle market ed enterprise.",{"_type":77,"alt":826,"asset":827},"Che cos'è Sanity",{"_ref":828,"_type":80},"image-5e02012f2ae5e2762ac6115b08d36c0ab7be0491-1672x941-png",{"_type":34,"current":830},"che-cose-sanity-cms","Che cos'è Sanity CMS: il content operating system headless",{"_id":833,"_type":55,"author":834,"category":847,"date":853,"excerpt":854,"mainImage":855,"slug":859,"title":861},"ecommerce-accessibilita-shopify",{"_createdAt":58,"_id":59,"_rev":60,"_system":835,"_type":64,"_updatedAt":65,"bio":837,"name":75,"picture":843,"showTop":25,"slug":845,"socials":846},{"base":836},{"id":59,"rev":63},[838],{"_key":68,"_type":15,"children":839,"markDefs":842,"style":24},[840],{"_key":71,"_type":19,"marks":841,"text":73},[],[],{"_type":77,"asset":844},{"_ref":79,"_type":80},{"_type":34,"current":82},{"_type":84,"facebook":85,"linkedin":86,"x_twitter":87},{"_createdAt":848,"_id":37,"_rev":849,"_type":38,"_updatedAt":850,"description":851,"name":39,"slug":852},"2024-06-11T12:47:36Z","ozq8uGlzlkluwdw2ba8kDc","2024-08-22T06:40:51Z","Post di e-commerce",{"_type":34,"current":41},"2026-06-21T09:00:00.000Z","Shopify è già accessibile? In parte. Cosa copre la piattaforma, cosa dipende dal tema e perché progettare accessibile dall'inizio costa molto meno.",{"_type":77,"alt":856,"asset":857},"Accessibilità su Shopify",{"_ref":858,"_type":80},"image-61b09be879f048354d22e87336219061f8b8a9ad-1672x941-png",{"_type":34,"current":860},"accessibilita-shopify","Accessibilità su Shopify: come rendere conforme e inclusivo il tuo ecommerce",{"_id":863,"_type":55,"author":864,"category":877,"date":879,"excerpt":880,"mainImage":881,"slug":885,"title":887},"ecommerce-budget-progetto-shopify-plus-metodo-ict-sviluppo",{"_createdAt":58,"_id":59,"_rev":60,"_system":865,"_type":64,"_updatedAt":65,"bio":867,"name":75,"picture":873,"showTop":25,"slug":875,"socials":876},{"base":866},{"id":59,"rev":63},[868],{"_key":68,"_type":15,"children":869,"markDefs":872,"style":24},[870],{"_key":71,"_type":19,"marks":871,"text":73},[],[],{"_type":77,"asset":874},{"_ref":79,"_type":80},{"_type":34,"current":82},{"_type":84,"facebook":85,"linkedin":86,"x_twitter":87},{"_createdAt":848,"_id":37,"_rev":849,"_type":38,"_updatedAt":850,"description":851,"name":39,"slug":878},{"_type":34,"current":41},"2026-02-21T08:04:36.874Z","Quanto costa un progetto di replatforming su Shopify Plus? I range di budget per tema, data integration e mercati, con il metodo di ICT Sviluppo e una tabella di riepilogo.",{"_type":77,"alt":882,"asset":883},"alta sartoria condivisione social",{"_ref":884,"_type":80},"image-cda2d5701fc291baa30c77c517d9333a01b169f3-1672x941-png",{"_type":34,"current":886},"budget-progetto-shopify-plus-metodo-ict-sviluppo","Quanto costa un progetto ecommerce con Shopify Plus","Accessibilità web: cosa significa, cosa impone l'European Accessibility Act dal 2025 e le prime cose concrete da fare per un sito conforme.",{"_type":77,"alt":890,"asset":891,"originalFilename":893},"Accessibilità web",{"_ref":892,"_type":80},"image-53d87bb92eee5796d330e380614dc11ac4a095f7-1672x941-png","Accessibilità web.png",{"_type":895,"metadescription":896,"metatitle":897},"seoBlock","Accessibilità web: normative europee e obblighi per i siti di e-commerce entro il 2025. Scopri le linee guida WCAG e cosa fare per conformarsi alla legge.","Accessibilità web, le cose da sapere",false,{"_type":34,"current":900},"accessibilita-web",[],"Accessibilità web: cosa significa, cosa dice la legge e come si fa"]