{"id":128630,"date":"2025-07-07T09:00:00","date_gmt":"2025-07-07T07:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=128630"},"modified":"2025-07-11T15:20:50","modified_gmt":"2025-07-11T13:20:50","slug":"accessibilita-siti-web","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/accessibilita-siti-web\/","title":{"rendered":"Come orientarsi per l&#8217;accessibilit\u00e0 dei siti web e l&#8217;adeguamento all&#8217;EAA"},"content":{"rendered":"\n<p>L&#8217;introduzione della direttiva europea, European Accessibility Act, conosciuta come EAA, ha sollevato una questione importante: ora siti web, applicazioni e applicativi vari (come i terminali) devono adeguarsi in modo da rendere i propri prodotti e servizi <strong>accessibili<\/strong>. <\/p>\n\n\n\n<p>Oggi, per\u00f2, non parleremo solo della direttiva e delle situazioni in cui si applica, ma cercheremo di fare chiarezza anche in senso pi\u00f9 esteso, soprattutto sul tema dell&#8217;accessibilit\u00e0 dei siti web. Vedremo quindi di sfatare alcune false credenze (specie sui famosi <em>overlay<\/em>) e porteremo degli esempi di alcuni dei criteri <strong>WCAG<\/strong> a cui fare riferimento.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-l-european-accessibility-act\">Cos&#8217;\u00e8 l&#8217;European Accessibility Act<\/a><ul><li><a href=\"#quali-imprese-e-servizi-sono-interessati-dall-eaa\">Quali imprese e servizi sono interessati dall&#8217;EAA<\/a><ul><li><a href=\"#chi-deve-rispettare-la-direttiva\">Chi deve rispettare la direttiva?<\/a><\/li><li><a href=\"#le-date-degli-obblighi\">Le date degli obblighi<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#accessibilita-per-i-siti-web\">Accessibilit\u00e0 per i siti web<\/a><ul><li><a href=\"#perche-si-parla-di-accessibility-by-design\">Perch\u00e9 si parla di accessibility by design?<\/a><\/li><li><a href=\"#cosa-sapere-su-plugin-e-widget-di-accessibilita\">Cosa sapere su plugin e widget di accessibilit\u00e0<\/a><\/li><li><a href=\"#gli-strumenti-per-verificare-laccessibilita-dei-siti-web-e-i-loro-limiti\">Gli strumenti per verificare l&#8217;accessibilit\u00e0 dei siti web (e i loro limiti)<\/a><\/li><li><a href=\"#comprendere-le-wcag-lo-standard-per-laccessibilita\">Comprendere le WCAG, lo standard per l&#8217;accessibilit\u00e0<\/a><ul><li><a href=\"#contenuti-non-testuali\">Contenuti non testuali<\/a><ul><li><a href=\"#presenza-di-emoji-emoticon-ascii-art-e-similari\">Presenza di emoji, emoticon, ASCII art e similari<\/a><\/li><li><a href=\"#formule-matematiche\">Formule matematiche<\/a><\/li><li><a href=\"#immagini\">Immagini<\/a><\/li><\/ul><\/li><li><a href=\"#utilizzo-corretto-dei-tag-h-1-hn\">Utilizzo corretto dei tag H1-Hn<\/a><\/li><li><a href=\"#contrasto-minimo\">Contrasto minimo<\/a><ul><li><a href=\"#testi-piccoli-contrasto-4-5-1\">Testi piccoli: contrasto 4,5:1<\/a><\/li><li><a href=\"#testi-piu-grandi-contrasto-3-1\">Testi pi\u00f9 grandi: contrasto 3:1<\/a><\/li><\/ul><\/li><li><a href=\"#salto-di-blocchi\">Salto di blocchi<\/a><\/li><li><a href=\"#ordine-del-focus\">Ordine del focus<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-l-european-accessibility-act\">Cos&#8217;\u00e8 l&#8217;European Accessibility Act<\/h2>\n\n\n\n<p>L&#8217;European Accessibility Act (EAA) \u00e8 una direttiva europea, direttiva EU 2019\/882, che \u00e8 volta a stabilire degli obiettivi di accessibilit\u00e0. Trattandosi di una direttiva, i singoli Stati membri dell&#8217;UE possono recepirla con delle norme a livello locale. <\/p>\n\n\n\n<p>Nello specifico in Italia \u00e8 stato pubblicato il <strong>decreto legislativo del 27 maggio 22, n\u00b082 <\/strong>\u201cAttuazione della Direttiva (UE) 2019\/882 del Parlamento europeo e del Consiglio, del 17 aprile 2019, sui requisiti di accessibilit\u00e0 dei prodotti e dei servizi&#8221;.<\/p>\n\n\n\n<p>A sua volta la direttiva europea si fonda su norme tecniche (come standard a livello europeo). In aggiunta si pu\u00f2 anche fare riferimento alle <a href=\"https:\/\/www.agid.gov.it\/it\/linee-guida\" rel=\"noopener\">linee guida di AgID<\/a> disponibili per la consultazione dal 15 maggio 2025.<\/p>\n\n\n\n<p>Tra i riferimenti tecnici \u00e8 bene sottolineare la presenza delle Web Content Accessibility Guidelines (<strong>WCAG<\/strong>) nella versione 2.1. Di cui parleremo in dettaglio pi\u00f9 avanti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"quali-imprese-e-servizi-sono-interessati-dall-eaa\">Quali imprese e servizi sono interessati dall&#8217;EAA<\/h3>\n\n\n\n<p>L&#8217;European Accessibility Act si applica a servizi e prodotti: da hardware a software fino ad applicazioni e siti web. Puoi trovare tutta la lista consultando direttamente la direttiva, qui per darti un&#8217;idea in breve, vediamo alcuni esempi.<\/p>\n\n\n\n<p><strong>Esempi di prodotti e servizi inclusi<\/strong>: servizi di ecommerce, servizi bancari, terminali self service, terminali di pagamento, servizi di trasporto, ebook reader e siti web.<\/p>\n\n\n\n<p>Per quanto riguarda i servizi digitali \u00e8 importante fare attenzione quando si d\u00e0 la possibilit\u00e0 di effettuare <strong>transazioni online<\/strong>, per questo tra i servizi inclusi risultano esserci ad esempio gli e-commerce.<\/p>\n\n\n\n<p class=\"note\">Definizioni utili da conoscere, come indicate nella direttiva:<br><strong>PMI<\/strong> (piccole e medie imprese): imprese con meno di 250 dipendenti e fatturato che non supera i 50 milioni di euro oppure con bilancio annuo che non supera i 43 milioni di Euro. <br><strong>Microimpresa<\/strong>: impresa con meno di 10 dipendenti e che ha un fatturato annuo (o totale di bilancio annuo) che non supera i 2 milioni di euro.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"chi-deve-rispettare-la-direttiva\">Chi deve rispettare la direttiva?<\/h4>\n\n\n\n<p>Solo le microimprese sono <strong>escluse dall&#8217;obbligo<\/strong>. Gli obblighi riguardano, infatti, le aziende che non rientrano nella definizione di microimprese perch\u00e9 superano i 2 milioni di euro e hanno pi\u00f9 di 10 dipendenti.<\/p>\n\n\n\n<p>Per le PMI ci possono essere delle eccezioni. Infatti, nel caso in cui l&#8217;applicazione dei requisiti di accessibilit\u00e0 richieda un <strong>onere sproporzionato<\/strong> (dal punto di vista finanziario o organizzativo), allora non si \u00e8 tenuti a conformarsi al requisito. \u00c8 importante, per\u00f2, evidenziare come nella direttiva venga sottolineato che:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;Tuttavia, l\u2019operatore economico dovrebbe rendere quanto pi\u00f9 possibile accessibile un servizio o un prodotto rientrante nell\u2019ambito di applicazione della presente direttiva applicando tali requisiti nella misura in cui non impongano un onere sproporzionato.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>Infatti, non dimentichiamo che bisogner\u00e0 riuscire a rendere conto del fatto che la spesa sia sproporzionata e per farlo occorrer\u00e0 fornire una <strong>valutazione documentata<\/strong> e comunicarla ad AgID.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"le-date-degli-obblighi\">Le date degli obblighi<\/h4>\n\n\n\n<p>Le disposizioni della direttiva e, in particolare in Italia, del decreto legislativo 82\/2022 hanno effetto a partire dal <strong>28 giugno 2025<\/strong>. Da questa data, quindi, i servizi (e prodotti) che rientrano nell&#8217;ambito del decreto devono <strong>rispettare i requisiti di accessibilit\u00e0<\/strong>.<\/p>\n\n\n\n<p>Mentre per servizi e prodotti specifici possono esserci disposizioni transitorie che spostano la data di scadenza pi\u00f9 avanti. Ad esempio l&#8217;uso dei terminali self-service \u00e8 consentito fino alla fine della &#8220;vita economica utile&#8221; degli stessi (ma non oltre vent&#8217;anni dalla messa in funzione).<\/p>\n\n\n\n<p>Attenzione alle false informazioni: se stai seguendo l&#8217;argomento in varie discussioni, ti sarai imbattuto anche tu in menzioni di una possibile <em>proroga fino al 2030<\/em>. In realt\u00e0 basta leggere l&#8217;articolo 4.3 delle linee guida Agid per capire come funziona:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;In particolare, fino al 28 giugno 2030 i fornitori di servizi possono continuare a prestare i loro servizi utilizzando prodotti che utilizzavano in modo legittimo prima di tale data per fornire servizi analoghi.&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p>Si riferisce ai &#8220;prodotti&#8221; intesi come prodotti fisici come ad esempio terminali e altri hardware oppure prodotti digitali su supporto fisico (ad esempio CD o chiavette USB).<\/p>\n\n\n\n<p>Non c&#8217;\u00e8 quindi nessuna proroga per quanto riguarda i servizi digitali.<\/p>\n\n\n\n<p>Visto che stanno girando diverse informazioni inesatte, ti invitiamo anche a dare un&#8217;occhiata anche a <a href=\"https:\/\/www.linkedin.com\/pulse\/accessibilit%C3%A0-digitale-perch%C3%A9-non-puoi-pi%C3%B9-di-annibaldis-qqs2e\/\" rel=\"noopener\">questo approfondimento<\/a> sulle 8 inesattezze sull&#8217;accessibilit\u00e0 digitale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"accessibilita-per-i-siti-web\">Accessibilit\u00e0 per i siti web<\/h2>\n\n\n\n<p>Come dicevamo, l&#8217;accessibility act si riferisce a svariati servizi, ma in questo caso ci concentreremo in particolare sull&#8217;accessibilit\u00e0 dei siti web.  <\/p>\n\n\n\n<p>Parleremo quindi di accessibilit\u00e0 <em>by design<\/em>, di widget e altri plugin, ma soprattutto dello standard introdotto dalle WCAG (le linee guida che costituiscono la <em>Bibbia<\/em> per chi vuole interessarsi dell&#8217;accessibilit\u00e0).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"perche-si-parla-di-accessibility-by-design\">Perch\u00e9 si parla di accessibility by design?<\/h3>\n\n\n\n<p>La prima considerazione che andrebbe fatta \u00e8 che l&#8217;arrivo di questa direttiva &#8211; per quanto venga sempre pi\u00f9 utilizzata da qualcuno come sistema per creare allarmismo per spingere a &#8220;correre ai ripari&#8221; acquistando servizi e tool di sorta &#8211; non dovrebbe essere visto come un <strong>evento negativo<\/strong>.<\/p>\n\n\n\n<p>Al centro della questione, infatti, non dovrebbe tanto esserci la domanda &#8220;<em>Come faccio a mettere il sito a norma per evitare le sanzioni?<\/em>&#8220;, ma questo argomento dovrebbe farci chiedere &#8220;<em>Cosa posso fare per rendere il mio sito fruibile a <strong>tutti<\/strong>?<\/em>&#8220;.<\/p>\n\n\n\n<p>Non dovremmo quindi tanto guardare alla questione come un obbligo, ma come un invito a riflettere su come muoverci per una <em>giusta causa<\/em>, anche nei casi in cui non si rientra nella direttiva e quindi non si \u00e8 &#8220;obbligati&#8221; a rendere accessibile il proprio sito.<\/p>\n\n\n\n<p>Dovremmo quindi esaminare la questione <strong>a priori<\/strong> ogni volta che creiamo un nuovo progetto. Iniziare a pensare in termini di <em>usabilit\u00e0<\/em> e <em>accessibilit\u00e0<\/em> come fattori imprescindibili per la realizzazione di un sito pu\u00f2 portare a molti vantaggi perch\u00e9 <strong>progettare i servizi in modo che siano gi\u00e0 accessibili <\/strong>(da qui la definizione di <em>accessibilit\u00e0 by design<\/em>) \u00e8 molto pi\u00f9 efficace rispetto a trovare in seguito soluzioni per &#8220;riparare&#8221; quello che \u00e8 stato fatto.<\/p>\n\n\n\n<p>Dal lato opposto all&#8217;accessibilit\u00e0 by design troviamo quello che potremo definire uno dei pi\u00f9 grandi specchietti per le allodole in questo ambito: i widget overlay.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cosa-sapere-su-plugin-e-widget-di-accessibilita\">Cosa sapere su plugin e widget di accessibilit\u00e0<\/h3>\n\n\n\n<p>Se hai gi\u00e0 letto qualcosa riguardo all&#8217;accessibilit\u00e0 o frequenti forum e gruppi di settore, avrai sentito pareri discordanti riguardo alla presenza di <strong>plugin <\/strong>e widget <strong>che <\/strong>promettono una <em>soluzione facile<\/em> e immediata alla risoluzione del &#8220;problema dell&#8217;accessibilit\u00e0&#8221;.<\/p>\n\n\n\n<p>Gi\u00e0 da diversi anni si parla di questi widget o <strong>accessibility overlay<\/strong>, vale a dire sistemi che possono essere installati per aggiungere al sito delle funzioni di accessibilit\u00e0.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"922\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-widget-overlay-userway.gif\" alt=\"Esempio Widget Overlay Userway\" class=\"wp-image-128633\" \/><figcaption class=\"wp-element-caption\">Esempio di widget overlay sul sito Userway.<\/figcaption><\/figure>\n\n\n\n<p>Il problema di questi sistemi \u00e8 che, al di l\u00e0 di come vengono presentati a livello di marketing, non hanno una reale utilit\u00e0 e a volte rischiano di essere <strong>controproducenti<\/strong>.<\/p>\n\n\n\n<p>Uno dei maggiori problemi riscontrato \u00e8 che questi strumenti vanno a modificare le configurazioni esistenti e possono quindi andare a interferire con gli strumenti di assistenza, ad esempio gli screen reader.<\/p>\n\n\n\n<p>Oltre ai problemi di conflitti, un altro rischio pi\u00f9 nascosto dell&#8217;adozione di questi strumenti \u00e8 che una soluzione adottata in maniera <strong>temporanea <\/strong>pu\u00f2 finire per essere poi mantenuta, come sottolineato da <a href=\"https:\/\/webaccessibile.org\/approfondimenti\/accessibility-overlay-pericolosi\/\" rel=\"noopener\">WebAccesible<\/a>.<\/p>\n\n\n\n<p>Ci sono state gi\u00e0 diverse controversie, soprattutto negli USA.<\/p>\n\n\n\n<p>Pi\u00f9 di recente, a giugno del 2024 c&#8217;\u00e8 stata un&#8217;azione legale contro una societ\u00e0 AccesiBe che offriva uno strumento accessWidget che garantiva la conformit\u00e0 all&#8217;<strong>ADA<\/strong> (<em>Americans with Disabilities Act<\/em> &#8211; la legge federale che regola anche l&#8217;accessibilit\u00e0 nel web negli Stati Uniti). In seguito, nell&#8217;aprile 2025, l&#8217;FTC ha imposto all&#8217;azienda di pagare una sanzione di 1 milione di dollari proprio per via delle pratiche commerciali scorrette.<\/p>\n\n\n\n<p class=\"note\">Overlay e pratiche scorrette: sul sito <a href=\"https:\/\/overlayfalseclaims.com\/\" rel=\"noopener\">overlayFalseClaims<\/a> puoi trovare diversi esempi di come sistemi di overlay siano stati pubblicizzati in modo scorretto per sembrare la soluzione a tutti i mali.<\/p>\n\n\n\n<p>Inoltre questi strumenti &#8211; da soli &#8211; non possono riuscire a rendere il sito conforme alle WCAG. Un lavoro serio di analisi e di modifiche per rendere un sito accessibile (su un sito esistente e quindi non costruito in base al principio di accessibilit\u00e0 by design) pu\u00f2 richiedere anche mesi di lavoro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"gli-strumenti-per-verificare-laccessibilita-dei-siti-web-e-i-loro-limiti\">Gli strumenti per verificare l&#8217;accessibilit\u00e0 dei siti web (e i loro limiti)<\/h3>\n\n\n\n<p>Ad oggi esistono numerosi strumenti di <strong>test <\/strong>che possono aiutare a individuare problemi di accessibilit\u00e0 nei siti web. Bisogna per\u00f2 tenere presente che non si dovrebbe fare affidamento <strong>ciecamente<\/strong> su questi strumenti.<\/p>\n\n\n\n<p>Alcuni criteri delle WCAG non possono essere automatizzati e richiedono, quindi, <strong>dei controlli manuali<\/strong>. Un audit completo dovrebbe, infatti, anche mettere alla prova l&#8217;esperienza reale e la fruibilit\u00e0 dei siti tramite l&#8217;uso di tecnologie assistive.<\/p>\n\n\n\n<p>Gli strumenti di test possono essere utili, ma non possono offrire una valutazione completa.<\/p>\n\n\n\n<p>In particolare solo una piccola percentuale, compresa tra un quarto e un terzo del totale, delle verifiche della conformit\u00e0 alle WCGA pu\u00f2 essere testata in modo efficace con sistemi <strong>automatici<\/strong>, per il resto sono necessari dei test manuali.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"702\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker-1024x702.png\" alt=\"Risultato Test Accessibilita Accessibility Checker\" class=\"wp-image-128644\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker-1024x702.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker-300x206.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker-768x527.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker-92x63.png 92w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/risultato-test-accessibilita-accessibility-checker.png 1324w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Lo strumento Accessibility Checker segnala che alcuni controlli richiedono un audit manuale.<\/figcaption><\/figure>\n\n\n\n<p>Sul blog di Adrian Roselli si pu\u00f2 trovare un interessante <a href=\"https:\/\/adrianroselli.com\/2023\/01\/comparing-manual-and-free-automated-wcag-reviews.html\" rel=\"noopener\">studio<\/a> di confronto tra l&#8217;audit manuale e un&#8217;analisi effettuata con sistemi automatici che ci aiuta a capire in quanti casi i test automatizzati possono non rivelare tutta la verit\u00e0.<\/p>\n\n\n\n<p>Esempi di strumenti che ci aiutano a individuare alcuni problemi con le WCAG:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wave.webaim.org\/\" rel=\"noopener\">Wave<\/a> &#8211; uno strumento disponibile sia online (basta inserire l&#8217;indirizzo della pagina) che come estensione per il browser (opzione comoda perch\u00e9 utilizzabile anche per siti in locale).<\/li>\n\n\n\n<li><a href=\"https:\/\/accessibilitychecker.org\/\" rel=\"noopener\">Accessibilitychecker<\/a> &#8211; funziona inserendo l&#8217;URL.<\/li>\n<\/ul>\n\n\n\n<p>Per una lista pi\u00f9 completa, si pu\u00f2 controllare l&#8217;<a href=\"https:\/\/www.w3.org\/WAI\/test-evaluate\/tools\/list\/\" rel=\"noopener\">elenco di tool<\/a> su W3.org.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"comprendere-le-wcag-lo-standard-per-laccessibilita\">Comprendere le WCAG, lo standard per l&#8217;accessibilit\u00e0<\/h3>\n\n\n\n<p>Le WCAG (Web Content Accessibility Guidelines) sono delle linee guida che aiutano a rendere i contenuti accessibili. Periodicamente vengono aggiornate con nuove versioni con l&#8217;aggiunta di raccomandazioni.<\/p>\n\n\n\n<p>La versione su cui si basa l&#8217;European Accessibility Act \u00e8 WCAG 2.1, la versione integrale delle linee guida pul essere consultata sul sito W3.org in <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" rel=\"noopener\">versione originale<\/a> e nella <a href=\"https:\/\/www.w3.org\/Translations\/WCAG21-it\/\" rel=\"noopener\">versione italiana<\/a> (traduzione autorizzata).<\/p>\n\n\n\n<p>Le WCAG si basano sui quattro principi dell&#8217;accessibilit\u00e0 del web:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Percepibile<\/strong>: le informazioni e l&#8217;interfaccia devono essere presentate in modo che possano essere <em>percepite<\/em> (non possono essere invisibili a tutti i sensi).<\/li>\n\n\n\n<li><strong>Utilizzabile<\/strong>: l&#8217;interfaccia e i menu di navigazione devono essere utilizzabili (non pu\u00f2 essere richiesta un&#8217;interazione che la persona non pu\u00f2 eseguire).<\/li>\n\n\n\n<li><strong>Comprensibile<\/strong>: le informazioni devono essere comprensibili.<\/li>\n\n\n\n<li><strong>Robusto<\/strong>: il contenuto deve poter essere interpretato da diversi <em>user agent<\/em>, comprese le tecnologie assistive (deve restare accessibile anche con l&#8217;evoluzione delle tecnologie).<\/li>\n<\/ul>\n\n\n\n<p>La conformit\u00e0 alle linee guida viene definita in base a tre livelli:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>A<\/strong> (livello di conformit\u00e0 minimo);<\/li>\n\n\n\n<li><strong>AA<\/strong><\/li>\n\n\n\n<li><strong>AAA<\/strong> (livello di conformit\u00e0 massimo).<\/li>\n<\/ul>\n\n\n\n<p>Nel caso specifico della direttiva European Accessibility Act si parla di un livello di conformit\u00e0 <strong>AA<\/strong>.<\/p>\n\n\n\n<p>La versione 2.1 delle WCAG include <strong>78 criteri<\/strong> organizzati in base ai principi di cui abbiamo parlato prima.<\/p>\n\n\n\n<p>Per darti un&#8217;idea pi\u00f9 precisa del tipo di criteri, vediamo degli esempi pratici.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"contenuti-non-testuali\">Contenuti non testuali<\/h4>\n\n\n\n<ul class=\"wp-block-list note\">\n<li>Versione: WCAG 2.1 <\/li>\n\n\n\n<li>Criterio di successo: 1.1.1 Contenuti non testuali<\/li>\n\n\n\n<li>Livello A<\/li>\n<\/ul>\n\n\n\n<p>In base a questo criterio tutti gli elementi non testuali dovrebbero avere una <strong>versione alternativa testuale <\/strong>a eccezione di alcuni elementi specifici tra cui i <a href=\"https:\/\/supporthost.com\/it\/codice-captcha\/\" data-type=\"post\" data-id=\"17097\">captcha<\/a> o dei test (nel caso in cui non possono essere presentati come testo).<\/p>\n\n\n\n<p>Questo criterio si applica in diversi casi, vediamo alcuni esempi.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"presenza-di-emoji-emoticon-ascii-art-e-similari\">Presenza di emoji, emoticon, ASCII art e similari<\/h5>\n\n\n\n<p>Se le emoji (o altri elementi simili) sono importanti per la comprensione del testo, dovrebbe essere rese <em>comprensibili<\/em> anche a chi non pu\u00f2 vederle.<\/p>\n\n\n\n<p>Esempio di tecnica da usare: usare la propriet\u00e0 <code>aria label<\/code> con <code>role=\"img\"<\/code> per spiegare l&#8217;emoticon.<\/p>\n\n\n\n<p>Esempio di codice HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- \n&lt;p&gt;Ciao, eccomi!\n&lt;span role=\"img\" aria-label=\"hand waving\"&gt;\ud83d\udc4b&lt;\/span&gt;\n&lt;\/p&gt; --&gt;<\/code><\/pre>\n\n\n\n<p>Test per verificare il criterio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>verificare se nel contenuto ci sono emoji e altri elementi simili;<\/li>\n\n\n\n<li>controllare se ogni emoji (ecc) ha un testo alternativo.<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"formule-matematiche\">Formule matematiche<\/h5>\n\n\n\n<p>Anche le formule, ad esempio quelle indicate usando il linguaggio di markup <em>MathML<\/em>, sono considerabili <em>elementi<\/em> che devono poter essere letti attraverso screen reader e altre tecnologie assistive.<\/p>\n\n\n\n<p>Anche in questo caso, come per le emoji, si possono usare le propriet\u00e0 <code>aria label<\/code> per dare una spiegazione della formula.<\/p>\n\n\n\n<p>Ecco un esempio pratico:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div role=\"math\" aria-label=\"6 diviso 4 \u00e8 uguale a 1,5\"&gt;\n  &lt;math xmlns=\"https:\/\/www.w3.org\/1998\/Math\/MathML\"&gt;\n    &lt;mfrac&gt;\n      &lt;mn&gt;6&lt;\/mn&gt;\n      &lt;mn&gt;4&lt;\/mn&gt;\n    &lt;\/mfrac&gt;\n      &lt;mo&gt;=&lt;\/mo&gt;\n      &lt;mn&gt;1,5&lt;\/mn&gt;\n  &lt;\/math&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"immagini\">Immagini<\/h5>\n\n\n\n<p>Quando utilizziamo immagini nel sito, dovremmo inserire un testo che le descriva usando il testo alternativo tramite l&#8217;attributo <code>alt<\/code>.<\/p>\n\n\n\n<p><strong>Suggerimento<\/strong>: spesso ci si limita a <a href=\"https:\/\/supporthost.com\/it\/ottimizzare-immagini-seo\/\">ottimizzare le immagini per la SEO<\/a>, inserendo il testo alternativo per i motori di ricerca, ma in realt\u00e0 lo si dovrebbe fare soprattutto pensando che verr\u00e0 <em>letto<\/em> dagli screen reader.<\/p>\n\n\n\n<p>Per esempio per una infografica con del testo si dovrebbe descrivere anche il contenuto testuale all&#8217;interno dell&#8217;immagine.<\/p>\n\n\n\n<p>Esempio di codice HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"infografica-cms\" alt=\"Grafico che mostra l'utilizzo di WordPress nel tempo con percentuale di utilizzo: 2012 15,2%, 2016 25,6%, 2023 43%\"&gt;<\/code><\/pre>\n\n\n\n<p>Test per verificare il criterio:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>verificare se nel contenuto ci sono immagini;<\/li>\n\n\n\n<li>assicurarsi che ogni immagine significativa (e non puramente descrittiva) abbia il suo attributo alt.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"utilizzo-corretto-dei-tag-h-1-hn\">Utilizzo corretto dei tag H1-Hn<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Versione: WCAG 2.1 <\/li>\n\n\n\n<li>Criterio di successo: 1.3.1 Informazioni e correlazioni <\/li>\n\n\n\n<li>Livello A<\/li>\n<\/ul>\n\n\n\n<p>Secondo questo principio, \u00e8 importante che la struttura dei contenuti sia correttamente formattata in modo da essere comprensibile a tutti. Questo include anche l&#8217;utilizzo corretto dei <a href=\"https:\/\/supporthost.com\/it\/seo-usare-tag-header\/\" data-type=\"post\" data-id=\"13559\">tag HTML <em>heading<\/em><\/a> che si usano per indicare titolo di pagina, titoli principali e secondari.<\/p>\n\n\n\n<p>Per dividere il testo in sezioni e sotto-sezioni nel caso di un articolo o anche di una pagina, \u00e8 importante usare la giusta gerarchia di <em>titoli<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"427\" height=\"408\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/07\/titoli-tag-html-da-h1-a-h6.png\" alt=\"Titoli Tag Html Da H1 A H6\" class=\"wp-image-46229\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/07\/titoli-tag-html-da-h1-a-h6.png 427w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/07\/titoli-tag-html-da-h1-a-h6-300x287.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/07\/titoli-tag-html-da-h1-a-h6-66x63.png 66w\" sizes=\"auto, (max-width: 427px) 100vw, 427px\" \/><\/figure>\n\n\n\n<p>L&#8217;errore pi\u00f9 grande qui \u00e8 quello di andare a modificare lo stile della pagina in modo che ad esempio un titolo abbia la dimensione per essere interpretato come un H2, ma senza aver utilizzato il tag html appropriato.<\/p>\n\n\n\n<p>Un esempio di codice errato sarebbe:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;style&gt;\n.heading2{\n  font-family: Times, serif;\n  font-size:200%;\n  font-weight:bold;\n}\n&lt;\/style&gt;\n\n&lt;p class=\"heading2\"&gt;Titolo&lt;\/p&gt;\n&lt;p&gt;Esempio di paragrafo con del testo ...&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<p>Per identificare correttamente il titolo, va invece usato il tag HTML corretto, in questo modo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  &lt;h2&gt;Titolo&lt;\/h2&gt;<\/code><\/pre>\n\n\n\n<p>E se si vuole modificare la dimensione (o altri elementi di stile), lo si pu\u00f2 fare aggiungendo una classe CSS a tutti gli H2.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"contrasto-minimo\">Contrasto minimo<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Versione: WCAG 2.1 <\/li>\n\n\n\n<li>Criterio di successo: 1.4.3 Contrasto (minimo) <\/li>\n\n\n\n<li>Livello AA<\/li>\n<\/ul>\n\n\n\n<p>I testi essenziali per la comprensione del contenuto e anche le immagini che contengono testo devono avere il giusto contrasto in modo da essere leggibili. Questo criterio non si applica a testi e immagini usati solo a scopi <strong>decorativi <\/strong>e ai <strong>logotipi<\/strong>.<\/p>\n\n\n\n<p>Per verificare il contrasto si possono usare strumenti come:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Strumento per sviluppatori (DevTools) di Chrome: permette di ispezionare gli elementi delle pagine web, prelevare i <a href=\"https:\/\/supporthost.com\/it\/colori-html\/\">colori<\/a> e verificare il rapporto di contrasto (potrebbe non essere efficace per verificare il contrasto quando ci sono colori con gradienti o trasparenze);<\/li>\n\n\n\n<li><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" rel=\"noopener\">Contrast Checker<\/a> su WebAIM.org: basta inserire i valori esadecimali dei due colori (testo e sfondo) (o prelevarli) per testare il contrasto e avere subito un risultato anche in base alla dimensione.<\/li>\n<\/ul>\n\n\n\n<p>Qui sotto un esempio di combinazione di colori (rosso su sfondo bianco) che supera il valore di contrasto per testi grandi, <strong>ma non per testi pi\u00f9 piccoli<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"955\" height=\"845\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/strumento-verifica-contrasto-testo-sfondo-accessibilita.png\" alt=\"Strumento Verifica Contrasto Testo Sfondo Accessibilita\" class=\"wp-image-128637\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/strumento-verifica-contrasto-testo-sfondo-accessibilita.png 955w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/strumento-verifica-contrasto-testo-sfondo-accessibilita-300x265.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/strumento-verifica-contrasto-testo-sfondo-accessibilita-768x680.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/strumento-verifica-contrasto-testo-sfondo-accessibilita-71x63.png 71w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/figure>\n\n\n\n<p>Bisogna ricordarsi, infatti, che il contrasto minimo da raggiungere dipende sia dalla dimensione del testo che dalla formattazione (bold o regular).<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"testi-piccoli-contrasto-4-5-1\">Testi piccoli: contrasto 4,5:1<\/h5>\n\n\n\n<p>Caso 1: testo regolare di dimensioni <strong>inferiori a 18 pt<\/strong> oppure testo in <strong>grassetto <\/strong>inferiore a 14 pt.<\/p>\n\n\n\n<p>In questa situazione il contrasto tra testo e sfondo deve essere di <strong>4,5:1<\/strong>.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"testi-piu-grandi-contrasto-3-1\">Testi pi\u00f9 grandi: contrasto 3:1<\/h5>\n\n\n\n<p>Caso 2: testo regolare di dimensioni di <strong>almeno 18 pt<\/strong> oppure testo in <strong>grassetto <\/strong>di almeno a 14 pt.<\/p>\n\n\n\n<p>Per questi testi, il contrasto tra testo e sfondo deve essere di <strong>3:1<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"salto-di-blocchi\">Salto di blocchi<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Versione: WCAG 2.1 <\/li>\n\n\n\n<li>Criterio di successo: 2.4.1 Salto di blocchi <\/li>\n\n\n\n<li>Livello A<\/li>\n<\/ul>\n\n\n\n<p>L&#8217;obiettivo di questo criterio per l&#8217;accessibilit\u00e0 \u00e8 permettere alle persone di arrivare pi\u00f9 velocemente al contenuto principale della pagina, saltando gli elementi che si ripetono nelle varie pagine (ad esempio l&#8217;header, i link nel menu di navigazione, ecc.)<\/p>\n\n\n\n<p>Ci sono diverse tecniche che possiamo utilizzare in base a come \u00e8 costruito il sito.<\/p>\n\n\n\n<p>Un esempio \u00e8 quello di aggiungere all&#8217;inizio di ogni pagina un <strong>link <\/strong>che rimanda alla sezione con il contenuto principale. In pratica si tratta di utilizzare un link &#8220;<em>Skip to main content<\/em>&#8221; che quando attivato porta alla sezione principale.<\/p>\n\n\n\n<p>In questo esempio sul sito Starbucks, dopo aver premuto &#8220;Tab&#8221; diventa visibile il pulsante &#8220;<em>Skip to main content<\/em>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"253\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-1024x253.png\" alt=\"Esempio Skip Link Starbucks\" class=\"wp-image-128647\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-1024x253.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-300x74.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-768x190.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-120x30.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks-1536x380.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-skip-link-starbucks.png 1878w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per essere utile, questo link deve essere impostato come il primo che si attiva quando l&#8217;utente usa il tasto &#8220;<strong>Tab<\/strong>&#8221; e che permette una volta attivato di <strong>arrivare alla sezione pi\u00f9 importante <\/strong>della pagina (ad esempio il contenuto di un articolo).<\/p>\n\n\n\n<p>Altre verifiche da fare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>il link deve essere il primo elemento <em>focusable<\/em>;<\/li>\n\n\n\n<li>la descrizione del link deve far capire che permette di raggiungere il contenuto principale;<\/li>\n\n\n\n<li>dopo che il link viene attivato, il <em>focus<\/em> si deve spostare sulla sezione principale.<\/li>\n<\/ul>\n\n\n\n<p><strong>Applicazione<\/strong>: se stai usando <a href=\"https:\/\/supporthost.com\/it\/elementor\/\" data-type=\"post\" data-id=\"14364\">Elementor<\/a> con Hello o altri temi e da una verifica con un tool come PageSpeed Insights risulta l&#8217;errore &#8220;<em>Skip Link are no focusable<\/em>&#8220;, puoi risolvere aggiungendo al primo blocco della pagina l&#8217;id #content.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema-1024x429.png\" alt=\"Skip Link Elementor Risolvere Problema\" class=\"wp-image-128638\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema-1024x429.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema-300x126.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema-768x322.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema-120x50.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/skip-link-elementor-risolvere-problema.png 1201w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"ordine-del-focus\">Ordine del focus<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Versione: WCAG 2.1 <\/li>\n\n\n\n<li>Criterio di successo: 2.4.3 Ordine del focus <\/li>\n\n\n\n<li>Livello A<\/li>\n<\/ul>\n\n\n\n<p>Quando \u00e8 importante che le pagine web siano <em>navigate<\/em> con un certo ordine (in modo sequenziale), bisogna strutturare gli elementi che possono diventare <em>focusable<\/em> in modo che sia mantenuto l&#8217;ordine del focus corretto.<\/p>\n\n\n\n<p>Per esempio immaginiamo un <a href=\"https:\/\/supporthost.com\/it\/plugin-form-wordpress\/\" data-type=\"post\" data-id=\"71555\">form di contatto<\/a> che richiede l&#8217;inserimento dei dati, il focus dovr\u00e0 mantenere un ordine coerente.<\/p>\n\n\n\n<p>In questo esempio di <a href=\"https:\/\/www.accessguide.io\/guide\/intuitive-order\" rel=\"noopener\">AccessGuide.io<\/a>, a sinistra \u00e8 mostrato l&#8217;ordine corretto: indirizzo, citt\u00e0, stato e CAP. A destra l&#8217;ordine \u00e8 errato: indirizzo, CAP, citt\u00e0, stato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato-1024x576.jpg\" alt=\"Esempio Ordine Focus Corretto Sbagliato\" class=\"wp-image-128639\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato-1024x576.jpg 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato-300x169.jpg 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato-768x432.jpg 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato-112x63.jpg 112w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/07\/esempio-ordine-focus-corretto-sbagliato.jpg 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nella pratica ci sono diversi sistemi che si possono utilizzare per stabilire l&#8217;ordine di focus degli elementi in una pagina. Per esempio si pu\u00f2 far s\u00ec che l&#8217;ordine visivo degli elementi <strong>segua l&#8217;ordine DOM<\/strong>.<\/p>\n\n\n\n<p>Per farlo bisogna fare attenzione nell&#8217;uso dell&#8217;attributo HTML <code>tabindex<\/code> che permette sia di rendere gli elementi <em>focusable<\/em> che di assegnare una posizione in modo da stabilire l&#8217;ordine di focus. La situazione migliore \u00e8 quella in cui l&#8217;ordine nel <em>codice<\/em> equivale a quello <em>visivo<\/em> e quindi tutti saranno in grado di visualizzare e interagire con il contenuto nello stesso ordine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Oggi il tema dell&#8217;accessibilit\u00e0 dei siti web \u00e8 al centro dell&#8217;attenzione per via dell&#8217;introduzione della direttiva European Accessibility Act. In realt\u00e0, per\u00f2, si tratta di una questione che va ben oltre l&#8217;obbligo. Anche realt\u00e0 che non sono interessate dalla direttiva possono iniziare a pensare a un nuovo modo di realizzare i propri progetti e siti in modo che siano fruibili da tutti.<\/p>\n\n\n\n<p>Con gli esempi di <strong>WCAG <\/strong>che abbiamo visto abbiamo solo scalfito la superficie. In realt\u00e0 come dicevamo ci sono 78 criteri, ognuno dei quali pu\u00f2 prevedere<strong> numerosi controlli<\/strong> su aspetti diversi come abbiamo visto ad esempio per quanto riguarda i contenuti non testuali. La fase di adeguamento e di test, come avrai capito, non \u00e8 quindi affatto semplice e non si pu\u00f2 esaurire con un semplice controllo con degli strumenti automatici (che per quanto sia di aiuto, non possono essere ritenuti infallibili).<\/p>\n\n\n\n<p>E tu cosa pensi al riguardo di questo tema? Facci sapere con un commento.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;introduzione della direttiva europea, European Accessibility Act, conosciuta come EAA, ha sollevato una questione importante: ora siti web, applicazioni e applicativi vari (come i terminali) devono adeguarsi in modo da rendere i propri prodotti e servizi accessibili. Oggi, per\u00f2, non parleremo solo della direttiva e delle situazioni in cui si applica, ma cercheremo di fare [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":128670,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-128630","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=128630"}],"version-history":[{"count":15,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128630\/revisions"}],"predecessor-version":[{"id":128967,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/128630\/revisions\/128967"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/128670"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=128630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=128630"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=128630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}