{"id":1379,"date":"2024-01-30T10:00:00","date_gmt":"2024-01-30T09:00:00","guid":{"rendered":"https:\/\/spin.srl\/blog\/?p=1379"},"modified":"2023-10-19T10:41:35","modified_gmt":"2023-10-19T08:41:35","slug":"rendere-sito-accessibile","status":"publish","type":"post","link":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/","title":{"rendered":"Come rendere accessibile un sito web"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"465\" height=\"374\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile.png\" alt=\"sito web accessibile\" class=\"wp-image-1380\" style=\"aspect-ratio:1.2433155080213905;width:435px;height:auto\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile.png 465w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile-300x241.png 300w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile-150x121.png 150w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Una tematica spesso messa in secondo piano o, peggio ancora, ignorata completamente, \u00e8 l\u2019accessibilit\u00e0 di un sito web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci\u00f2 \u00e8 dovuto principalmente al fatto che se ne parla poco. Quando ci si forma sullo sviluppo web, sia che si tratti di corsi specifici, sia che si tratti di percorsi universitari, questo tema viene spesso sottovalutato. La necessit\u00e0 di imparare ad affrontare questa tematica emerge, spesso e volentieri, quando la richiesta \u00e8 diretta. Ne \u00e8 un esempio la creazione di un sito per la pubblica amministrazione che obbliga al requisito di accessibilit\u00e0.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dunque, quello di cui parleremo oggi fa riferimento a tutte le pratiche necessarie a rendere fruibile un sito web a persone con diversi tipi di disabilit\u00e0. Un sito web dovrebbe essere quindi accessibile ai non vedenti, ai non udenti e a chi ha qualsiasi limitazione di mobilit\u00e0, anche temporanea; si pensi infatti a chi non pu\u00f2 utilizzare entrambe le braccia. L&#8217;accessibilit\u00e0, inoltre, include anche l&#8217;accesso di persone con strumenti limitati: questo concetto verr\u00e0 chiarito tra poco.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebbene il tema possa sembrare recente, in realt\u00e0 l\u2019accessibilit\u00e0 \u00e8 stata affrontata almeno dal 2004, con la <a href=\"https:\/\/it.wikipedia.org\/wiki\/Legge_Stanca\" target=\"_blank\" rel=\"noreferrer noopener\">legge Stanca<\/a> \u201cDisposizioni per favorire l\u2019accesso dei soggetti disabili agli strumenti informatici\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Questa legge riguarda (fonte wikipedia):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le&nbsp;<a href=\"https:\/\/it.wikipedia.org\/wiki\/Amministrazione_pubblica\" target=\"_blank\" rel=\"noreferrer noopener\">pubbliche amministrazioni<\/a>;<\/li>\n\n\n\n<li>Gli&nbsp;<a href=\"https:\/\/it.wikipedia.org\/wiki\/Ente_pubblico_economico\" target=\"_blank\" rel=\"noreferrer noopener\">enti pubblici economici<\/a>;<\/li>\n\n\n\n<li>Le aziende private concessionarie di servizi pubblici;<\/li>\n\n\n\n<li>Gli enti di assistenza e di riabilitazione pubblici;<\/li>\n\n\n\n<li>Le aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico;<\/li>\n\n\n\n<li>Le&nbsp;<a href=\"https:\/\/it.wikipedia.org\/wiki\/Azienda_municipalizzata\" target=\"_blank\" rel=\"noreferrer noopener\">aziende municipalizzate<\/a>&nbsp;regionali;<\/li>\n\n\n\n<li>Le aziende appaltatrici di servizi informatici.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">E si evoluta fino ad estendersi alle aziende private. Il limite di scadenza, in tal senso, \u00e8 fissato al 28 giugno 2025.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sebbene vi sia ancora tempo per i privati, attivarsi gi\u00e0 da ora comporta solamente dei vantaggi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le linee guida di riferimento sono il <a href=\"https:\/\/it.wikipedia.org\/wiki\/Web_Content_Accessibility_Guidelines\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG <\/a>che fissa le regole e requisiti da soddisfare.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Perch\u00e9 l\u2019accessibilit\u00e0 \u00e8 importante e riguarda anche te<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Attenzione a credere che questa tematica sia poco importante o che possa riguardare solo gli altri. Come detto, si parla di ogni tipo di disabilit\u00e0, anche temporanea: chi si ritrova, a seguito di un incidente, con un braccio ingessato, potrebbe beneficiare dei &#8220;vantaggi&#8221; offerti da un sito accessibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una domanda che spesso si pone chi si ritrova a dover rendere un sito accessibile \u00e8 \u201cperch\u00e9 la persona con difficolt\u00e0 non si fa aiutare da qualcuno?\u201d, quasi a volersi deresponsabilizzare da questo impegno. La risposta \u00e8 che <strong>chiunque dovrebbe poter navigare in autonomia<\/strong> <strong>per un banale, quanto comprensibile, <\/strong><em><strong>diritto alla privacy<\/strong>.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ti invito infatti a riflettere come sarebbe la tua esperienza di navigazione se l\u00ec, di fianco a te, ci fosse qualcuno che vede tutto quello che fai. Immagina per esempio di voler accedere al tuo estratto conto online: \u00e8 perfettamente comprensibile che tu non voglia nessuno di fianco a te. Oppure se hai voglia di fare shopping online, forse non ha voglia che qualcuno metta i prodotti nel tuo carrello senza lasciarti la bench\u00e9 minima riservatezza.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E non \u00e8 importante solo per questi motivi, perch\u00e9 passando su un piano puramente economico-materiale, rendere un sito accessibile vuol dire allargare la platea di utenti e clienti. Restare distanti da queste problematiche ti allontana anche da una importante fetta di potenziali clienti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questo articolo andremo a vedere alcune cose da implementare affinch\u00e9 un sito possa essere considerato accessibile. Tieni conto che sar\u00e0 necessario un test manuale per poter stabilire ufficialmente l\u2019accessibilit\u00e0 del tuo sito, ma questo non ti impedisce di utilizzare dei tool online per fare le prime verifiche.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Accessibilit\u00e0 per non vedenti<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se il tema dell\u2019accessibilit\u00e0 \u00e8 una novit\u00e0 per te, potresti credere che rendere un sito accessibile a un non vedente sia qualcosa di estremamente difficile o addirittura impossibile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In realt\u00e0 \u00e8 forse una delle disabilit\u00e0 pi\u00f9 facili da trattare. <em>Come \u00e8 banale sottolineare<\/em>, un non vedente non pu\u00f2 in autonomia leggere il contenuto di un sito: in suo ausilio interviene uno strumento detto \u201c<strong>screen reader<\/strong>\u201d. Questo apparecchio legge il contenuto di una pagina in modo tale da rendere fruibile il contenuto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Potresti pensare che quindi \u00e8 gi\u00e0 tutto risolto: il tuo sito ha il testo e basta leggere quello.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In realt\u00e0 manca un\u2019accortezza in pi\u00f9: i contenuti multimediali non possono essere letti come un testo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Come si comporta uno \u201cscreen reader\u201d quando incontra nella sua \u201clettura\u201d un\u2019immagine?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ci sono due scenari, uno \u00e8 da sito accessibile e l\u2019altro no.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scenario A:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lo screen reader trova l\u2019immagine e non \u00e8 in grado di interpretarla in nessun modo, di conseguenza il suo contenuto non viene letto e il sito non \u00e8 fruibile a un non vedente.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Scenario B:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lo screen reader trova l\u2019immagine e gli da un senso, questo senso lo riporta all\u2019utente finale sotto forma di descrizione.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Come si implementa quindi una descrizione? \u00c8 semplicissimo, basta assegnare un valore al parametro \u201calt\u201d dell\u2019immagine. Attenzione per\u00f2 a scrivere un parametro sensato e descrittivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel campo SEO l\u2019utilizzo di un parametro alt influisce positivamente su un sito; tuttavia, viene spesso utilizzato in maniera frettolosa ed estremamente sintetica. Ad esempio, se l\u2019immagine contiene un castello, un parametro alt potrebbe essere \u201ccastello\u201d. Tuttavia, in ambito di accessibilit\u00e0, non pu\u00f2 bastare una descrizione simile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Il parametro alt, infatti, deve essere descrittivo e contestualizzato: se l\u2019immagine del castello raffigura per esempio un evento, \u00e8 opportuno descriverlo -&gt; \u201cImmagine del Castello Sforzesco durante la festa annuale del \u2026\u201d. In assenza di un contesto specifico basta una descrizione in grado di far capire di cosa si tratta -&gt; \u201cimmagine del Castello Sforzesco\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inserire un parametro alt \u00e8 molto semplice sia se si sta lavorando direttamente sul codice HTML, sia se si sta utilizzando un CMS come WordPress:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;img&nbsp;src=\"castello.jpg\"&gt;<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diventa:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;img&nbsp;src=\"castello.jpg\"&nbsp;alt=\"immagine del castello sforzesco\"&gt;<\/code><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso tu stia usando un CMS, troverai tra i tuoi file multimediali un input di testo per inserire la tua descrizione, nel caso di WordPress:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"297\" height=\"463\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/parametro-alt.png\" alt=\"\" class=\"wp-image-1381\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/parametro-alt.png 297w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/parametro-alt-192x300.png 192w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/parametro-alt-96x150.png 96w\" sizes=\"auto, (max-width: 297px) 100vw, 297px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Nel caso delle form, invece, bisogna fare un utilizzo simile del parametro alt per l\u2019etichetta \u201clabel\u201d. Deve essere possibile compilare ogni campo del form senza lasciare ambiguit\u00e0 o descrizioni generiche.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>&lt;<strong>label<\/strong><\/code> <code>for=\"nome\"&gt; Nome: &lt;<strong>input<\/strong><\/code> <code>id=\"nome\"<\/code> <code>type=\"text\"<\/code> <code>\/&gt; &lt;\/<strong>label<\/strong>&gt;<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Altri parametri di accessibilit\u00e0<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ci sono poi tanti altri tipi di difficolt\u00e0 che gli utenti possono avere, a titolo non esaustivo citiamo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Daltonismo<\/li>\n\n\n\n<li>Fotosensibilit\u00e0 \u2013 Epilessia<\/li>\n\n\n\n<li>ADHD<\/li>\n\n\n\n<li>DSA<\/li>\n\n\n\n<li>Sordit\u00e0<\/li>\n\n\n\n<li>Disabilit\u00e0 motorie<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Per ogni tipo di disabilit\u00e0 possono essere messe in atto delle soluzioni per minimizzare il disagio e rendere comunque fruibile il sito.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\">Daltonismo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Per agevolare gli utenti daltonici, \u00e8 importante che il contrasto di colori sia idoneo. Due palette di colori infatti, sebbene all\u2019occhio di una persona non affetta da daltonismo siano distinguibili, per un daltonico potrebbero rendere incomprensibile un testo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prendiamo a riferimento questo testo e questo sfondo, e vediamo come verrebbe visualizzato da un utente non affetto da daltonismo:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"60\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/non-daltonico.png\" alt=\"\" class=\"wp-image-1382\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/non-daltonico.png 474w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/non-daltonico-300x38.png 300w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/non-daltonico-150x19.png 150w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Sebbene gi\u00e0 non risulti gradevole da vedere, resta comunque comprensibile. Ma se lo guardiamo con gli occhi di un daltonico diventa cos\u00ec:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"566\" height=\"69\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/daltonico.png\" alt=\"\" class=\"wp-image-1383\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/daltonico.png 566w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/daltonico-300x37.png 300w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/daltonico-150x18.png 150w\" sizes=\"auto, (max-width: 566px) 100vw, 566px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Si potrebbe pensare che con un po\u2019 di sforzo si legge. Il punto \u00e8 che<strong> non dovrebbe essere richiesto alcuno sforzo per leggere un testo<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La simulazione di daltonismo presentata, \u00e8 stata effettuata grazie a questo tool: <a href=\"https:\/\/www.it.colorlitelens.com\/images\/tesztek\/simulator\/\">https:\/\/www.it.colorlitelens.com\/images\/tesztek\/simulator\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In questi casi bisogna trovare il giusto livello di contrasto: non dovrai provare ogni combinazione o chiedere un parere a un soggetto daltonico ad ogni tua modifica. Puoi utilizzare dei tool online pronti all\u2019uso come: <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">https:\/\/webaim.org\/resources\/contrastchecker\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sar\u00e0 il tool stesso a dirti quando un contrasto \u00e8 valido o meno.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Fotosensibilit\u00e0<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Bisogna evitare assolutamente di far apparire luci all\u2019improvviso o simulare lampi.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>ADHD e DSA<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Per i disturbi legati all\u2019attenzione e all\u2019apprendimento \u00e8 necessario ridurre ogni elemento di distrazione. Ne sono un esempio i popup che si aprono, la pubblicit\u00e0 invasiva, lo scorrimento veloce di immagini e video.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Sordit\u00e0<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di utenti con udito parzialmente o totalmente compromesso, \u00e8 importante rendere fruibili i contenuti video. Per fare ci\u00f2 \u00e8 necessario implementare, oltre che i sottotitoli, anche l\u2019audiodescrizione. L\u2019ideale sarebbe correlare ai video la descrizione nel linguaggio dei segni, ma se ci\u00f2 non \u00e8 possibile, l\u2019audio descrizione resta lo strumento da prediligere.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Disabilit\u00e0 motorie<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso di disabilit\u00e0 motorie \u00e8 necessario prevedere un utilizzo limitato del mouse. Bisogna rendere un sito navigabile attraverso la tastiera. Mediante il tasto TAB l\u2019utente devo poter navigare in ogni sezione del sito. Se qualcosa non si pu\u00f2 fare senza mouse, c\u2019\u00e8 un problema e bisogna risolverlo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading has-text-align-center\"><strong>Disabilit\u00e0 generiche<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Osserva questa immagine:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"423\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/codici-chapta.png\" alt=\"\" class=\"wp-image-1384\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/codici-chapta.png 682w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/codici-chapta-300x186.png 300w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/codici-chapta-150x93.png 150w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Sicuramente pi\u00f9 volte nella tua vita ti sar\u00e0 capitato di compilare un form simile. Il suo scopo \u00e8 sicuramente positivo: impedire a robot di compilare dei form ed effettuare attacchi massici a un sistema informatico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ma alla luce di quanto ci siamo detti finora non trovi che quello che c\u2019\u00e8 nell\u2019immagine \u00e8 profondamente sbagliato in un\u2019ottica di accessibilit\u00e0?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"322\" height=\"474\" src=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/puzzle-chapta.png\" alt=\"puzzle chapta\" class=\"wp-image-1385\" srcset=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/puzzle-chapta.png 322w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/puzzle-chapta-204x300.png 204w, https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/puzzle-chapta-102x150.png 102w\" sizes=\"auto, (max-width: 322px) 100vw, 322px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Un discorso perfettamente analogo si pu\u00f2 fare per questa variante di codice chapta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La soluzione in questo caso non \u00e8, ovviamente, quella di lasciarsi esposti ad attacchi ma bens\u00ec di considerare l\u2019uso di strumenti alternativi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per esempio, esiste uno strumento chiamato reCHAPTA che richiede solo un click (o una selezione mediante il TAB). Viene richiesto di spuntare una casella con il testo \u201cNon sono un robot\u201d e dopodich\u00e9, in automatico, si viene riconosciuti come umani. Questo \u00e8 possibile grazie a un algoritmo, sviluppato da Google, che verifica le azioni compiute prima di sottomettere il form.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per semplificare al massimo, l\u2019algoritmo valuta tutte le azioni svolte sulla pagina: un robot \u00e8 programmato per eseguire velocemente e in maniera ripetuta delle azioni. Un umano invece nel compilare un form potrebbe impiegare pi\u00f9 tempo a scrivere del testo, potrebbe correggere qualcosa, potrebbe sbagliare la compilazione di un campo. Insomma, questo algoritmo fa una valutazione sul comportamento e se non lo trova sospetto consente di proseguire.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Limitazioni da supportare<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019accessibilit\u00e0 non riguarda per\u00f2 solo un aspetto fisico. Pu\u00f2 riguardare anche gli strumenti di cui \u00e8 dotato l\u2019utente. Esistono infatti delle limitazioni tecniche legate a connessioni lente o dispositivi poco aggiornati.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c8 il caso ad esempio di chi, vivendo in zone rurali, non ha accesso a una connessione veloce. Oppure \u00e8 il caso di chi utilizzando dispositivi e software vecchi (si pensi a Internet Explorer) non pu\u00f2 accedere a determinati contenuti.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chiaramente il problema da evitare \u00e8 il negato accesso all\u2019informazione. Infatti, chi utilizza sistemi obsoleti o connessioni poco performanti non potr\u00e0 sicuramente godere della stessa esperienza di utilizzo, ma l\u2019accesso all\u2019informazione deve essere assicurato. Un esempio pu\u00f2 essere il provider mail che agli utenti con una connessione poco performante consente di utilizzare una versione minimale e puramente testuale del sistema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Quanto costa creare un sito web accessibile?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Creare un sito accessibile non presenta un costo molto diverso rispetto a un sito \u201ctradizionale\u201d. Come hai visto si tratta di accortezze che richiedono sicuramente un impegno maggiore, ma che non giustificano una spesa elevata. Potresti dover investire del tempo o del denaro nella verifica manuale di tutti gli aspetti di accessibilit\u00e0; tuttavia, se il tuo sito non \u00e8 eccessivamente grande questa verifica non dovrebbe sottrarre troppo tempo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le competenze per rendere accessibile un sito sono molto semplici da acquisire per chi \u00e8 in grado di progettare e sviluppare un sito tradizionale. Non richiedono formazione tecnica di sviluppo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Potrebbe essere necessario destinare del tempo alla scrittura di audiodescrizioni nell\u2019eventualit\u00e0 che il tuo sito avesse contenuti video\/ audio ed in questo caso, a seconda dell\u2019impegno richiesto, i costi di sviluppo potrebbero lievitare un po\u2019, ma difficilmente in modo non sostenibile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>Cosa succede se non rendi un sito accessibile?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nel caso in cui il tuo sito web non fosse accessibile, se questo \u00e8 stato sviluppato per conto della pubblica amministrazione vi possono essere sanzioni non da poco: multe salate e lo scioglimento del contratto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se si tratta di un sito privato la situazione \u00e8 molto diversa e al momento non sono previste sanzioni. Dal 28 giugno 2025 tuttavia entrer\u00e0 in vigore l\u2019obbligo. Ogni azienda privata con un sito web sar\u00e0 tenuta a compilare un documento di accessibilit\u00e0 che certifica l\u2019accessibilit\u00e0 del proprio sito.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sono escluse per\u00f2 da questo obbligo le aziende con meno di 10 dipendenti e un fatturato non superiore a 2milioni di euro all\u2019anno. Per le PMI con meno di 250 dipendenti e con un fatturato annuo non superiore a 50milioni di euro \u00e8 prevista una clausola di salvaguardia che consente loro di valutare se il conformarsi alla regole di accessibilit\u00e0 comporta un onere eccessivo. Per tutte le altre aziende entrer\u00e0 in vigore l\u2019obbligo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La sanzione in questo caso pu\u00f2 essere di diversa natura:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ritiro dal mercato del prodotto non conforme<\/li>\n\n\n\n<li>Oscuramento dell\u2019applicazione delle piattaforme che lo ospitano<\/li>\n\n\n\n<li>Sanzioni pecuniarie.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Spero di aver fornito una panoramica chiara su questa tematica, e ti invito a lasciare un commento nel caso ti andasse di esternare un dubbio o un parere.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una tematica spesso messa in secondo piano o, peggio ancora, ignorata completamente, \u00e8 l\u2019accessibilit\u00e0 di&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1380,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"footnotes":""},"categories":[15,4],"tags":[],"class_list":["post-1379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-evidenza","category-generale"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come rendere accessibile un sito web - SPIN S.r.l.<\/title>\n<meta name=\"description\" content=\"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l&#039;accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po&#039; di chiarezza.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come rendere accessibile un sito web - SPIN S.r.l.\" \/>\n<meta property=\"og:description\" content=\"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l&#039;accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po&#039; di chiarezza.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\" \/>\n<meta property=\"og:site_name\" content=\"SPIN S.r.l.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/spin.srl.ricerca.innovazione.trasf.tecnologico\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-30T09:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-19T08:41:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile.png\" \/>\n\t<meta property=\"og:image:width\" content=\"465\" \/>\n\t<meta property=\"og:image:height\" content=\"374\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vittorio Matranga\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@consorziospin\" \/>\n<meta name=\"twitter:site\" content=\"@consorziospin\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vittorio Matranga\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\"},\"author\":{\"name\":\"Vittorio Matranga\",\"@id\":\"https:\/\/spin.srl\/blog\/#\/schema\/person\/c0cc42cac6e321e02716a272f09d8860\"},\"headline\":\"Come rendere accessibile un sito web\",\"datePublished\":\"2024-01-30T09:00:00+00:00\",\"dateModified\":\"2023-10-19T08:41:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\"},\"wordCount\":2096,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/spin.srl\/blog\/#organization\"},\"articleSection\":[\"Evidenza\",\"Generale\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\",\"url\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\",\"name\":\"Come rendere accessibile un sito web - SPIN S.r.l.\",\"isPartOf\":{\"@id\":\"https:\/\/spin.srl\/blog\/#website\"},\"datePublished\":\"2024-01-30T09:00:00+00:00\",\"dateModified\":\"2023-10-19T08:41:35+00:00\",\"description\":\"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l'accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po' di chiarezza.\",\"breadcrumb\":{\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/spin.srl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come rendere accessibile un sito web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/spin.srl\/blog\/#website\",\"url\":\"https:\/\/spin.srl\/blog\/\",\"name\":\"SPIN S.r.l.\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\/\/spin.srl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/spin.srl\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/spin.srl\/blog\/#organization\",\"name\":\"SPIN S.r.l.\",\"url\":\"https:\/\/spin.srl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/spin.srl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/01\/cropped-cropped-cropped-new_logo.webp\",\"contentUrl\":\"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/01\/cropped-cropped-cropped-new_logo.webp\",\"width\":325,\"height\":60,\"caption\":\"SPIN S.r.l.\"},\"image\":{\"@id\":\"https:\/\/spin.srl\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/spin.srl.ricerca.innovazione.trasf.tecnologico\/\",\"https:\/\/twitter.com\/consorziospin\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/spin.srl\/blog\/#\/schema\/person\/c0cc42cac6e321e02716a272f09d8860\",\"name\":\"Vittorio Matranga\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/spin.srl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a5c9e2319ad8d9ba376b0b728e0bb1a019bc06142f5222ac428323d3af054e33?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a5c9e2319ad8d9ba376b0b728e0bb1a019bc06142f5222ac428323d3af054e33?s=96&d=mm&r=g\",\"caption\":\"Vittorio Matranga\"},\"description\":\"In questo blog mi occupo di tematiche legate in diversa forma al tema dell'innovazione e della tecnologia. Sin da piccolo appassionato di informatica mi divertivo a creare siti web e applicazioni elementari cercando di capire cosa ci fosse sotto il cofano. Questa passione mi ha condotto alla mia professione di informatico dopo aver conseguito una laurea in informatica presso l'Universit\u00e0 della Calabria (Unical). Periodicamente pubblico articoli attinente a questi temi.\",\"sameAs\":[\"https:\/\/spin.srl\/blog\",\"https:\/\/linkedin.com\/in\/vittorio-matranga\/\"],\"url\":\"https:\/\/spin.srl\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come rendere accessibile un sito web - SPIN S.r.l.","description":"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l'accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po' di chiarezza.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/","og_locale":"it_IT","og_type":"article","og_title":"Come rendere accessibile un sito web - SPIN S.r.l.","og_description":"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l'accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po' di chiarezza.","og_url":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/","og_site_name":"SPIN S.r.l.","article_publisher":"https:\/\/www.facebook.com\/spin.srl.ricerca.innovazione.trasf.tecnologico\/","article_published_time":"2024-01-30T09:00:00+00:00","article_modified_time":"2023-10-19T08:41:35+00:00","og_image":[{"width":465,"height":374,"url":"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/10\/sito-web-accessibile.png","type":"image\/png"}],"author":"Vittorio Matranga","twitter_card":"summary_large_image","twitter_creator":"@consorziospin","twitter_site":"@consorziospin","twitter_misc":{"Scritto da":"Vittorio Matranga","Tempo di lettura stimato":"11 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#article","isPartOf":{"@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/"},"author":{"name":"Vittorio Matranga","@id":"https:\/\/spin.srl\/blog\/#\/schema\/person\/c0cc42cac6e321e02716a272f09d8860"},"headline":"Come rendere accessibile un sito web","datePublished":"2024-01-30T09:00:00+00:00","dateModified":"2023-10-19T08:41:35+00:00","mainEntityOfPage":{"@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/"},"wordCount":2096,"commentCount":0,"publisher":{"@id":"https:\/\/spin.srl\/blog\/#organization"},"articleSection":["Evidenza","Generale"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/","url":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/","name":"Come rendere accessibile un sito web - SPIN S.r.l.","isPartOf":{"@id":"https:\/\/spin.srl\/blog\/#website"},"datePublished":"2024-01-30T09:00:00+00:00","dateModified":"2023-10-19T08:41:35+00:00","description":"Sei confuso su quali sono i comportamenti da mettere in atto o le linee guida per l'accessibilit\u00e0 dei siti web? Con questa guida aggiornata al 2026 faremo un po' di chiarezza.","breadcrumb":{"@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/spin.srl\/blog\/rendere-sito-accessibile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/spin.srl\/blog\/"},{"@type":"ListItem","position":2,"name":"Come rendere accessibile un sito web"}]},{"@type":"WebSite","@id":"https:\/\/spin.srl\/blog\/#website","url":"https:\/\/spin.srl\/blog\/","name":"SPIN S.r.l.","description":"Blog","publisher":{"@id":"https:\/\/spin.srl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/spin.srl\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/spin.srl\/blog\/#organization","name":"SPIN S.r.l.","url":"https:\/\/spin.srl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/spin.srl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/01\/cropped-cropped-cropped-new_logo.webp","contentUrl":"https:\/\/spin.srl\/blog\/wp-content\/uploads\/2023\/01\/cropped-cropped-cropped-new_logo.webp","width":325,"height":60,"caption":"SPIN S.r.l."},"image":{"@id":"https:\/\/spin.srl\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/spin.srl.ricerca.innovazione.trasf.tecnologico\/","https:\/\/twitter.com\/consorziospin"]},{"@type":"Person","@id":"https:\/\/spin.srl\/blog\/#\/schema\/person\/c0cc42cac6e321e02716a272f09d8860","name":"Vittorio Matranga","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/spin.srl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a5c9e2319ad8d9ba376b0b728e0bb1a019bc06142f5222ac428323d3af054e33?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a5c9e2319ad8d9ba376b0b728e0bb1a019bc06142f5222ac428323d3af054e33?s=96&d=mm&r=g","caption":"Vittorio Matranga"},"description":"In questo blog mi occupo di tematiche legate in diversa forma al tema dell'innovazione e della tecnologia. Sin da piccolo appassionato di informatica mi divertivo a creare siti web e applicazioni elementari cercando di capire cosa ci fosse sotto il cofano. Questa passione mi ha condotto alla mia professione di informatico dopo aver conseguito una laurea in informatica presso l'Universit\u00e0 della Calabria (Unical). Periodicamente pubblico articoli attinente a questi temi.","sameAs":["https:\/\/spin.srl\/blog","https:\/\/linkedin.com\/in\/vittorio-matranga\/"],"url":"https:\/\/spin.srl\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/posts\/1379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/comments?post=1379"}],"version-history":[{"count":2,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/posts\/1379\/revisions"}],"predecessor-version":[{"id":1403,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/posts\/1379\/revisions\/1403"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/media\/1380"}],"wp:attachment":[{"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/media?parent=1379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/categories?post=1379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spin.srl\/blog\/wp-json\/wp\/v2\/tags?post=1379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}