{"id":2215,"date":"2023-10-16T09:00:00","date_gmt":"2023-10-16T07:00:00","guid":{"rendered":"https:\/\/learnn.com\/blog\/?p=2215"},"modified":"2023-10-16T16:14:53","modified_gmt":"2023-10-16T14:14:53","slug":"accessibilita-prodotto-digitale","status":"publish","type":"post","link":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/","title":{"rendered":"Analizzare l&#8217;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave"},"content":{"rendered":"\n<p>L&#8217;<strong>accessibilit\u00e0 di un prodotto digitale<\/strong>, come un sito web, significa rendere possibile l\u2019utilizzo dello stesso da qualsiasi utente senza ostacoli, inclusi coloro con esigenze speciali che potrebbero richiedere strumenti specifici per la navigazione online.<\/p>\n\n\n\n<p>Questo attributo \u00e8 fondamentale, in quanto <strong>rende accessibile il web potenzialmente a chiunque<\/strong>. Infatti \u00e8 uno dei fattori imprescindibili all\u2019interno della UX design, di cui puoi approfondire l\u2019argomento all\u2019interno del corso omonimo su Learnn.<\/p>\n\n\n\n<p>In questo articolo vogliamo mostrare attraverso alcuni esempi quali sono gli elementi da tenere in considerazione quando vogliamo rendere accessibile un sito, e come farlo.<\/p>\n\n\n<ul class=\"single-course\" data-course-id=\"123\"><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Quando un sito \u00e8 accessibile<\/h2>\n\n\n\n<p>Un prodotto \u00e8 considerato accessibile quando rispetta le seguenti quattro caratteristiche: percepibilit\u00e0, operabilit\u00e0, comprensibilit\u00e0 e robustezza. Vediamoli.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Percepibilit\u00e0<\/h3>\n\n\n\n<p>Le informazioni devono essere accessibili e visibili a tutti i sensi dell&#8217;utente. <strong>Utilizzare il tag &#8220;alt&#8221; per le immagini<\/strong> consente agli screen reader di rendere percepibile il contenuto delle immagini, anche per chi non pu\u00f2 vederle.<\/p>\n\n\n\n<p>Su WordPress, per esempio, \u00e8 possibile gestire l\u2019aggiunta del tag \u201calt\u201d, o testo alternativo, selezionando l\u2019immagine all\u2019interno della libreria dei media: il testo deve essere breve ma esplicativo del contenuto dell\u2019immagine.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"562\" src=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-wordpress-1024x562.jpg\" alt=\"Screenshot del testo alternativo delle immagini su WordPress\" class=\"wp-image-2228\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-wordpress-1024x562.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-wordpress-300x165.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-wordpress-768x422.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-wordpress.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Operabilit\u00e0<\/h3>\n\n\n\n<p>Gli utenti devono essere in grado di eseguire tutte le azioni necessarie sull&#8217;interfaccia. La possibilit\u00e0 di <strong>navigare l&#8217;interfaccia tramite il tastierino <\/strong><strong><em>Tab<\/em><\/strong> garantisce un&#8217;operabilit\u00e0 senza limitazioni, indipendentemente dal tipo di dispositivo utilizzato.<\/p>\n\n\n\n<p>Secondo uno <a href=\"https:\/\/www.lenstore.it\/cura-degli-occhi\/studio-sullaccessibilita-dei-siti-web\">studio condotto da Lenstore<\/a> che si basava sull\u2019analisi di errori di contrasto, tag \u201calt\u201d mancanti e altre problematiche di 90 piattaforme online, <em>Paypal<\/em> \u00e8 risultato essere uno dei siti pi\u00f9 accessibili per gli ipovedenti.&nbsp;<\/p>\n\n\n\n<p>Al contrario il <em>Daily Mail<\/em> ha ottenuto il risultato peggiore. Questo lo si pu\u00f2 notare anche dal design pesante, a cui consegue cattiva esperienza di navigazione: basti vedere la miriade di link, banner, video in sovraimpressione che confondono.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-digitale-daily-mail-1024x576.jpg\" alt=\"L'accessibilit\u00e0 digitale del sito Daily Mail \u00e8 considerata la peggiore da Lenstore\" class=\"wp-image-2225\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-digitale-daily-mail-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-digitale-daily-mail-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-digitale-daily-mail-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-digitale-daily-mail.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Comprensibilit\u00e0<\/h3>\n\n\n\n<p>Gli utenti devono essere in grado di comprendere le informazioni fornite dall&#8217;interfaccia. La <strong>chiarezza nei link e nelle informazioni presentate nell&#8217;interfaccia<\/strong> garantisce che gli utenti possano accedere alle informazioni in modo comprensibile.<\/p>\n\n\n\n<p>Per questo \u00e8 importante <strong>controllare il contrasto tra sfondo e testo<\/strong> di una pagina web e utilizzare strumenti online per misurarlo: tra questi citiamo <a href=\"https:\/\/coolors.co\/contrast-checker\/112a46-acc8e5\">Coolors.co<\/a> e <a href=\"https:\/\/products.aspose.app\/html\/it\/contrast-checker\">Aspose<\/a>, in cui \u00e8 possibile inserire i codici colore esadecimali e ottenere un feedback in merito alla leggibilit\u00e0 e al contrasto.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/color-contrast-checker-1024x576.jpg\" alt=\"Color contrast checker analizza il contrasto tra colore e testo di un sito\" class=\"wp-image-2218\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/color-contrast-checker-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/color-contrast-checker-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/color-contrast-checker-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/color-contrast-checker.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Robustezza<\/h3>\n\n\n\n<p>Infine, l&#8217;accessibilit\u00e0 deve essere robusta e resistente all&#8217;evoluzione tecnologica. Poich\u00e9 la tecnologia digitale evolve rapidamente, un prodotto accessibile deve essere in grado di <strong>rimanere accessibile anche con l&#8217;avanzamento delle tecnologie<\/strong>, senza limitare l&#8217;accesso ai contenuti.<\/p>\n\n\n<ul class=\"single-lesson\" data-lesson-id=\"2467\"><\/ul>\n\n\n<ul class=\"single-course\" data-course-id=\"124\"><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Come controllare l&#8217;accessibilit\u00e0 di un sito<\/h2>\n\n\n\n<p>Grazie allo strumento per sviluppatori di Google Chrome \u00e8 possibile capire se il sito che stiamo analizzando rispecchia i parametri che abbiamo appena visto: navigazione da tastiera tramite il tasto Tab, l\u2019inserimento dei tag \u201calt\u201d nelle immagini, e il contrasto dei testi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Navigazione da tastiera<\/h3>\n\n\n\n<p>Per comprendere se la navigazione da tastiera \u00e8 possibile, basta andare sul sito e premere il pulsante <em>Tab<\/em> da tastiera.<\/p>\n\n\n\n<p>In automatico, se il sito \u00e8 stato concepito per la navigazione accessibile, si potranno vedere alcuni elementi comparire all\u2019interno della pagina, oltre allo spostamento automatico al click sul pulsante <em>Tab<\/em>.<\/p>\n\n\n\n<p>Per esempio su Paypal si nota perch\u00e8 il link selezionato con <em>Tab<\/em> viene sottolineato, mentre sul sito dell\u2019INPS il link viene circondato da una linea.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/paypal-funzione-tab-1024x576.jpg\" alt=\"Funzione tab sul sito di PayPal\" class=\"wp-image-2224\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/paypal-funzione-tab-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/paypal-funzione-tab-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/paypal-funzione-tab-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/paypal-funzione-tab.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>In alcuni casi, come sul sito dell\u2019Universit\u00e0 degli Studi di Milano-Bicocca, al click del Tab ci permette di saltare al contenuto principale del sito.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/funzione-accessibilita-digitale-sito-tab-1024x576.jpg\" alt=\"Funzione Tab per l'accessibilit\u00e0 di un prodotto digitale come il sito universitario\" class=\"wp-image-2223\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/funzione-accessibilita-digitale-sito-tab-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/funzione-accessibilita-digitale-sito-tab-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/funzione-accessibilita-digitale-sito-tab-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/funzione-accessibilita-digitale-sito-tab.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Inserimento del tag \u201calt\u201d<\/h3>\n\n\n\n<p>Adesso possiamo vedere se le immagini su un sito hanno il tag \u201calt\u201d: dobbiamo aprire lo strumento per sviluppatori, cliccare il pulsante in alto a sinistra della schermata che compare e andare a posizionare il puntatore su un\u2019immagine del sito.<br><br>Vedremo comparire un box che mostrer\u00e0 il testo presente nel tag \u201calt\u201d alla voce Accessibility &gt; Name: nell&#8217;esempio qui sotto vedremo che il tag &#8220;alt&#8221; corrisponde a &#8220;Apertura del menu di ricerca di Airbnb&#8221;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-codice-1024x576.jpg\" alt=\"Testo alternativo all'interno dello strumento per sviluppatori Google\" class=\"wp-image-2229\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-codice-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-codice-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-codice-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/tag-alt-immagini-codice.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\">Contrasto colore del testo<\/h3>\n\n\n\n<p>Allo stesso modo, possiamo analizzare la qualit\u00e0 del contrasto di un testo alla voce Accessibility &gt; Contrast. Il valore, per essere reputato valido, deve superare almeno un <strong>punteggio di 4.5<\/strong>: pi\u00f9 \u00e8 alto e pi\u00f9 il contrasto \u00e8 migliore.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"576\" src=\"http:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/valore-contrasto-colore-testo-sfondo-1024x576.jpg\" alt=\"Valore accessibilit\u00e0 basato sul contrasto colore tra testo e sfondo\" class=\"wp-image-2230\" srcset=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/valore-contrasto-colore-testo-sfondo-1024x576.jpg 1024w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/valore-contrasto-colore-testo-sfondo-300x169.jpg 300w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/valore-contrasto-colore-testo-sfondo-768x432.jpg 768w, https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/valore-contrasto-colore-testo-sfondo.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusioni<\/h2>\n\n\n\n<p>Questi sono solo alcuni degli aspetti da tenere in considerazione per la user experience, quando si realizza un prodotto digitale: in merito a questo abbiamo scritto anche un articolo sul design di Airbnb.<\/p>\n\n\n\n<p>Inoltre se vuoi approfondire l\u2019argomento, ti consigliamo di seguire i <strong>corsi di UI Design e UX Design all\u2019interno di Learnn<\/strong>, grazie ai quali imparerai:<\/p>\n\n\n\n<p>\ud83e\udde9 Le fasi di realizzazione del prototipo di un prodotto<br>\ud83d\udca1 Le fasi di validazione delle nostre scelte<br>\ud83d\udc69\ud83c\udffb\u200d\ud83d\udcbb La percezione dell\u2019interfaccia<br>\ud83c\udfdb\ufe0f I principi di progettazione<br>\ud83d\udee0\ufe0fFigma e prototipazione<br>\ud83d\udc68\u200d\ud83d\udcbbContenuto e sviluppo<br>\ud83e\uddd0 Analisi UI e UX di siti web<\/p>\n\n\n\n<p><strong>Inizia a studiare gratis su Learnn.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.<\/p>\n","protected":false},"author":2,"featured_media":2233,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Analizzare l&#039;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave<\/title>\n<meta name=\"description\" content=\"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Analizzare l&#039;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave\" \/>\n<meta property=\"og:description\" content=\"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\" \/>\n<meta property=\"og:site_name\" content=\"Learnn | Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/justlearnnit\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-16T07:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-16T14:14:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-prodotto-digitale.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Learnn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Learnn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\"},\"author\":{\"name\":\"Learnn\",\"@id\":\"https:\/\/learnn.com\/blog\/#\/schema\/person\/32ec82688bb8880878e7af3a8bab4bbb\"},\"headline\":\"Analizzare l&#8217;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave\",\"datePublished\":\"2023-10-16T07:00:00+00:00\",\"dateModified\":\"2023-10-16T14:14:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\"},\"wordCount\":812,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/learnn.com\/blog\/#organization\"},\"articleSection\":[\"Design\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\",\"url\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\",\"name\":\"Analizzare l'accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave\",\"isPartOf\":{\"@id\":\"https:\/\/learnn.com\/blog\/#website\"},\"datePublished\":\"2023-10-16T07:00:00+00:00\",\"dateModified\":\"2023-10-16T14:14:53+00:00\",\"description\":\"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.\",\"breadcrumb\":{\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/learnn.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\/\/learnn.com\/blog\/category\/design\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Analizzare l&#8217;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnn.com\/blog\/#website\",\"url\":\"https:\/\/learnn.com\/blog\/\",\"name\":\"Learnn | Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/learnn.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnn.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/learnn.com\/blog\/#organization\",\"name\":\"Learnn\",\"url\":\"https:\/\/learnn.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/learnn.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/06\/Logo_Learnn_.png\",\"contentUrl\":\"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/06\/Logo_Learnn_.png\",\"width\":500,\"height\":500,\"caption\":\"Learnn\"},\"image\":{\"@id\":\"https:\/\/learnn.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/justlearnnit\/\",\"https:\/\/www.linkedin.com\/school\/learnn-srl\/\",\"https:\/\/www.instagram.com\/learnn\/\",\"https:\/\/www.youtube.com\/c\/learnn\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/learnn.com\/blog\/#\/schema\/person\/32ec82688bb8880878e7af3a8bab4bbb\",\"name\":\"Learnn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/learnn.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b97ab7a37299f6c35fc19b8ed7015be0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b97ab7a37299f6c35fc19b8ed7015be0?s=96&d=mm&r=g\",\"caption\":\"Learnn\"},\"url\":\"https:\/\/learnn.com\/blog\/author\/emanuele\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Analizzare l'accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave","description":"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.","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:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/","og_locale":"it_IT","og_type":"article","og_title":"Analizzare l'accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave","og_description":"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.","og_url":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/","og_site_name":"Learnn | Blog","article_publisher":"https:\/\/www.facebook.com\/justlearnnit\/","article_published_time":"2023-10-16T07:00:00+00:00","article_modified_time":"2023-10-16T14:14:53+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/09\/accessibilita-prodotto-digitale.jpg","type":"image\/jpeg"}],"author":"Learnn","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Learnn","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#article","isPartOf":{"@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/"},"author":{"name":"Learnn","@id":"https:\/\/learnn.com\/blog\/#\/schema\/person\/32ec82688bb8880878e7af3a8bab4bbb"},"headline":"Analizzare l&#8217;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave","datePublished":"2023-10-16T07:00:00+00:00","dateModified":"2023-10-16T14:14:53+00:00","mainEntityOfPage":{"@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/"},"wordCount":812,"commentCount":0,"publisher":{"@id":"https:\/\/learnn.com\/blog\/#organization"},"articleSection":["Design"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/","url":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/","name":"Analizzare l'accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave","isPartOf":{"@id":"https:\/\/learnn.com\/blog\/#website"},"datePublished":"2023-10-16T07:00:00+00:00","dateModified":"2023-10-16T14:14:53+00:00","description":"Tag alt, contrasto colore, e navigazione da tastiera: ecco perch\u00e9 sono i 3 fattori chiave che rendono accessibile la navigazione di un sito.","breadcrumb":{"@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnn.com\/blog\/accessibilita-prodotto-digitale\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/learnn.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/learnn.com\/blog\/category\/design\/"},{"@type":"ListItem","position":3,"name":"Analizzare l&#8217;accessibilit\u00e0 di un prodotto digitale: 3 fattori chiave"}]},{"@type":"WebSite","@id":"https:\/\/learnn.com\/blog\/#website","url":"https:\/\/learnn.com\/blog\/","name":"Learnn | Blog","description":"","publisher":{"@id":"https:\/\/learnn.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnn.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/learnn.com\/blog\/#organization","name":"Learnn","url":"https:\/\/learnn.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/learnn.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/06\/Logo_Learnn_.png","contentUrl":"https:\/\/learnn.com\/blog\/wp-content\/uploads\/2023\/06\/Logo_Learnn_.png","width":500,"height":500,"caption":"Learnn"},"image":{"@id":"https:\/\/learnn.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/justlearnnit\/","https:\/\/www.linkedin.com\/school\/learnn-srl\/","https:\/\/www.instagram.com\/learnn\/","https:\/\/www.youtube.com\/c\/learnn"]},{"@type":"Person","@id":"https:\/\/learnn.com\/blog\/#\/schema\/person\/32ec82688bb8880878e7af3a8bab4bbb","name":"Learnn","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/learnn.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b97ab7a37299f6c35fc19b8ed7015be0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b97ab7a37299f6c35fc19b8ed7015be0?s=96&d=mm&r=g","caption":"Learnn"},"url":"https:\/\/learnn.com\/blog\/author\/emanuele\/"}]}},"_links":{"self":[{"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/posts\/2215"}],"collection":[{"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/comments?post=2215"}],"version-history":[{"count":15,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/posts\/2215\/revisions"}],"predecessor-version":[{"id":2510,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/posts\/2215\/revisions\/2510"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/media\/2233"}],"wp:attachment":[{"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/media?parent=2215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/categories?post=2215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnn.com\/blog\/wp-json\/wp\/v2\/tags?post=2215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}