{"id":13483,"date":"2013-03-26T11:18:19","date_gmt":"2013-03-26T10:18:19","guid":{"rendered":"https:\/\/www.artera.net\/it\/blog\/?p=13483"},"modified":"2023-02-27T14:42:22","modified_gmt":"2023-02-27T14:42:22","slug":"accessibilita-esperienza-piacevole","status":"publish","type":"post","link":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/","title":{"rendered":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque"},"content":{"rendered":"<p>Con la crescita della comunit\u00e0 del web e l\u2019uso ormai quotidiano di Internet, \u00e8 diventato molto importante ampliare il bacino di utenti anche a coloro che faticano ad accedere alle risorse che Internet offre. A questo proposito, il W3C ha creato il gruppo <a title=\"W3C WAI\" href=\"http:\/\/www.w3.org\/WAI\/\" target=\"_blank\" rel=\"noopener noreferrer\">WAI<\/a> (Web Accessibility Initiative) per tracciare delle linee guida allo sviluppatore su come rendere i <strong>contenuti accessibili da persona affette da disabilit\u00e0<\/strong>.<\/p>\n<p>Molto spesso, purtroppo, \u00e8 qualcosa a cui non pensiamo, o erroneamente crediamo che a un <strong>utente disabile<\/strong> possa non interessare il contenuto del nostro sito o il prodotto che vendiamo. Al contrario, un utente con disabilit\u00e0 potrebbe voler fare un regalo o preferire l&#8217;acquisto online, piuttosto che dover uscire di casa per andare nel negozio dall\u2019altra parte della citt\u00e0.<\/p>\n<p>Nel post di oggi, vorrei parlarvi di come, adottando alcuni piccoli accorgimenti, si possa migliorare di gran lunga l\u2019<strong>esperienza di accessibilit\u00e0 sul nostro sito<\/strong> e di permettere a tutti di accedervi con semplicit\u00e0, senza dover rinunciare ad un sito dinamico ed interattivo.<\/p>\n<h2>Individuazione degli utenti e degli strumenti assistivi<\/h2>\n<p>Il primo passo da compiere \u00e8 capire quali potrebbero essere gli utenti che ne beneficerebbero e quali strumenti adottano per navigare il Web. Possiamo distinguerli in:<\/p>\n<ul>\n<li><strong>Utenti ciechi<\/strong> con uno screen reader che descrive la pagina usando assistenza vocale o display braille.<\/li>\n<li><strong>Utenti ipovedenti<\/strong> che usano font grandi o lenti di ingrandimento.<\/li>\n<li><strong>Utenti con disabilit\u00e0 motorie<\/strong> che non possono utilizzare il mouse e potrebbero utilizzare tastiere speciali o controllo vocale.<\/li>\n<\/ul>\n<p>Queste tre tipologie di utenti sono accomunati dal fatto che con molta probabilit\u00e0 non utilizzeranno un mouse. Quando sviluppiamo il nostro sito non dobbiamo quindi trascurare questo dettaglio, perch\u00e8 se non diamo la possibilit\u00e0 di accedervi con altri dispositivi, per questi utenti non ci saranno alternative: ce ne renderemmo subito conto provando a staccare il mouse.<\/p>\n<p>Esistono diversi strumenti gratuiti per rendere un sito accessibile. Tra le estesioni di Google Chrome possiamo ad esempio trovare:<\/p>\n<ul>\n<li><a title=\"Chrome Vox\" href=\"http:\/\/www.chromevox.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome Vox<\/a>: estensione di Chrome per il web per gli screen reader<\/li>\n<li>Chrome Vis: permette di selezionare porzioni della pagina e di vederle ingrandite con dimensioni e colori a proprio piacimento<\/li>\n<li>Chrome Shades: Mostra la pagina come semplice testo, senza rimuoverne le funzionalit\u00e0. Aiuta a percepire il proprio sito come gli utenti con screen reader, facendo balzare all\u2019occhio molti problemi di accessibilit\u00e0.<\/li>\n<\/ul>\n<h2>Gli step<\/h2>\n<p>Se sviluppiamo il nostro sito nell\u2019ottica di renderlo accessibile, \u00e8 buona norma applicare gli accorgimenti elencati di seguito in corso d\u2019opera: in questo modo, oltre a guadagnare tempo, riusciremo a rendere il nostro <strong>codice pulito e ben organizzato<\/strong>. Quindi, nell\u2019ordine:<\/p>\n<h3>Step 1 &#8211; Usare markup pulito e tag standard<\/h3>\n<p><img decoding=\"async\" class=\"alignleft size-full wp-image-13487\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilit\u00e0-step1-e1364291072319.jpg\" alt=\"Accessibilit\u00e0: step 1\" width=\"168\" height=\"150\" \/>\u00c8 un consiglio basilare, ma fondamentale per gli utenti che navigheranno il nostro sito con il focus&lt; (il punto dove viene \u201cinquadrata\u201d la pagina). Separiamo sempre il contenuto dal layout in un apposito CSS e rendiamo l\u2019ordine del DOM logico. Una buona norma, nota come <strong>Progressive Enhancement<\/strong>, consiste nello scrivere innanzitutto il codice html, facendo poi seguire il CSS e infine il codice Javascript.<\/p>\n<p>Il secondo consiglio \u00e8.. non reinventiamo la ruota! Non utilizziamo tag generici come div e span, quando esistono gi\u00e0 dei tag nativi semanticamente pi\u00f9 appropriati. Questi tag hanno anche il vantaggio di incorporare gi\u00e0 la funzionalit\u00e0 di focus e gli screen reader riescono a riconoscerli molto bene, permettendo agli utenti di usarli bene di conseguenza.<\/p>\n<p>Un ultimo consiglio \u00e8 quello di \u201cetichettare\u201d le immagini e i campi di una form. Usiamo quindi sempre un alt per descrivere il contenuto di un\u2019immagine e un label per descrivere un campo.<\/p>\n<h3>Step 2 &#8211; Gestione del focus<\/h3>\n<p><img decoding=\"async\" class=\"alignleft size-full wp-image-13488\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilit\u00e0-step2.jpg\" alt=\"Accessibilit\u00e0: step 2\" width=\"168\" height=\"168\" \/>Come detto nello step precedente, gli utenti affetti di disabilit\u00e0 si sposteranno da un elemento all\u2019altro nella pagina con <strong>il focus che viene catturato solamente da tag HTML nativi<\/strong>. Se vogliamo per qualche ragione utilizzare dei tag<\/p>\n<div>e per creare dei comandi, dobbiamo assicurarci quindi che possiamo spostarci su di essi con semplicit\u00e0 e che siano attivabili. A questo scopo, possiamo utilizzare l\u2019attributo tabindex.<\/div>\n<p>Se proviamo a <strong>navigare su un sito<\/strong> che non utilizza tabindex usando il tab, ci accorgeremo subito che diventa molto frustrante scorrere tutti gli elementi all\u2019interno della pagina per magari raggiungere quell\u2019unico bottone di cui abbiamo bisogno. Tabindex ci permette di stabilire l\u2019ordine con cui gli elementi verranno messi a fuoco, consentendo all\u2019utente di muoversi con pi\u00f9 facilit\u00e0 tra gli elementi importanti della pagina.<\/p>\n<p>[code type=&#8221;markup&#8221;]<\/p>\n<div tabindex=\"1\">Primo elemento<\/div>\n<div tabindex=\"0\">Elemento nel normale flusso di messa a fuoco della pagina<\/div>\n<p>[\/code]<\/p>\n<h3>Step 3 &#8211; Interazione da tastiera con i key handlers<\/h3>\n<p><img decoding=\"async\" class=\"alignleft size-full wp-image-13489\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilit\u00e0-step3-e1364292091750.jpg\" alt=\"Accessibilit\u00e0: step 3\" width=\"168\" height=\"137\" \/>Quando un elemento \u00e8 attivo, dobbiamo fare in modo che l\u2019utente possa interagire con esso <strong>usando la tastiera<\/strong> con semplicit\u00e0.<\/p>\n<p>Il tasto pi\u00f9 adatto dipende dal contesto in cui si \u00e8: il pulsante di invio per i bottoni, le frecce per gli slider e cos\u00ec via.<\/p>\n<p>[code type=&#8221;markup&#8221;]<br \/>\n<button id=\"reply-butt\" tabindex=\"0\">Rispondi<\/button><br \/>\n<script>\n   function replyKeydown(event){\n   if(event.keyCode == 13)\n   reply();\n   }\n<\/script><br \/>\n[\/code]<\/p>\n<h3>Step 4 &#8211; Aggiungere Aria per gli screen reader<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-13499\" src=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilit\u00e0-step4.png\" alt=\"Accessibilit\u00e0: step 4\" width=\"168\" height=\"125\" \/>Arrivati a questo punto, possiamo cominciare a pensare come <strong>lo screen reader deve identificare gli elementi<\/strong> che abbiamo appena creato all\u2019interno della pagina sfruttando ARIA, un markup aggiunto a HTML5 che permette di dare informazioni semantiche agli screen reader sugli elementi. Esistono due tipologie di attributi aria:<\/p>\n<ul>\n<li>L\u2019attributo role statico, che indica cosa il tag generico sta cercando di essere.<br \/>\nTroverete una lista completa di valori attribuibili a role a questo link<br \/>\n[code type=&#8221;markup&#8221;]<br \/>\n<input tabindex=\"0\" role=\"search\" type=\"text\" \/>Invia[\/code]<\/li>\n<li>Gli attributi di stato e propriet\u00e0 dinamici che danno informazioni sullo stato corrente di unelemento. A questo link una lista completa di stati e propriet\u00e0:<br \/>\n[code type=&#8221;markup&#8221;]<\/p>\n<div tabindex=\"0\" role=\"checkbox\" aria-checked=\"true\">&#8230;<\/div>\n<p>[\/code]<\/li>\n<\/ul>\n<p>Tra gli attributi dinamici, sono degni di nota gli attributi Live Region utilizzati in quelle pagine che sono aggiornate di frequente, come le chat. Questi elementi ci permettono di ascoltare quali porzioni della pagina stanno cambiando senza dover spostare il nostro focus direttamente su di essi.<\/p>\n<h2>Conclusioni<\/h2>\n<p><strong>Creare siti accessibili per chiunque<\/strong> non \u00e8 un lavoro semplice e esistono ancora delle inconsistenze, ma non commettiamo l\u2019errore di accantonare queste possibilit\u00e0. Gli utenti screen reader continuano ad aumentare e Aria \u00e8 un progetto molto ambizioso per il futuro. Pensiamo quindi di creare esperienze online sempre pi\u00f9 ricche: ne beneficeremo tutti!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Per ampliare il bacino di utenti web anche a chi fatica ad accedere alle risorse che Internet offre, il W3C ha creato il gruppo WAI per tracciare delle linee guida allo sviluppatore su come rendere i <strong>contenuti accessibili da persona affette da disabilit\u00e0<\/strong>.<\/p>\n","protected":false},"author":4,"featured_media":226869,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[108],"tags":[302,303,290,45],"class_list":["post-13483","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sviluppo","tag-accessibilita","tag-assistenza","tag-programmazione","tag-web-usability"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net<\/title>\n<meta name=\"description\" content=\"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net\" \/>\n<meta property=\"og:description\" content=\"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/\" \/>\n<meta property=\"og:site_name\" content=\"Artera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/artera.net\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-26T10:18:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T14:42:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"618\" \/>\n\t<meta property=\"og:image:height\" content=\"198\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sergio Ravera\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Ravera\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/\"},\"author\":{\"name\":\"Sergio Ravera\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\"},\"headline\":\"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque\",\"datePublished\":\"2013-03-26T10:18:19+00:00\",\"dateModified\":\"2023-02-27T14:42:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/\"},\"wordCount\":1023,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/accessibilita-1.jpg\",\"keywords\":[\"accessibilit\u00e0\",\"assistenza\",\"programmazione\",\"web usability\"],\"articleSection\":[\"Sviluppo\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/\",\"name\":\"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/accessibilita-1.jpg\",\"datePublished\":\"2013-03-26T10:18:19+00:00\",\"dateModified\":\"2023-02-27T14:42:22+00:00\",\"description\":\"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/accessibilita-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/accessibilita-1.jpg\",\"width\":618,\"height\":198},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/sviluppo\\\/accessibilita-esperienza-piacevole\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#website\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"name\":\"Artera\",\"description\":\"Swiss Premium Hosting\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.artera.net\\\/it\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#organization\",\"name\":\"Artera\",\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.artera.net\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/artera-logo.png\",\"width\":300,\"height\":77,\"caption\":\"Artera\"},\"image\":{\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/artera.net\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/artera\\\/\",\"https:\\\/\\\/www.instagram.com\\\/artera_swiss\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.artera.net\\\/it\\\/#\\\/schema\\\/person\\\/48ffb6b3727677643fbfd3ecf0a10aa0\",\"name\":\"Sergio Ravera\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g\",\"caption\":\"Sergio Ravera\"},\"description\":\"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/sergioravera\\\/\"],\"url\":\"https:\\\/\\\/www.artera.net\\\/it\\\/author\\\/sergio-ravera\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net","description":"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","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:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/","og_locale":"it_IT","og_type":"article","og_title":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net","og_description":"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","og_url":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/","og_site_name":"Artera","article_publisher":"https:\/\/www.facebook.com\/artera.net\/","article_published_time":"2013-03-26T10:18:19+00:00","article_modified_time":"2023-02-27T14:42:22+00:00","og_image":[{"width":618,"height":198,"url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg","type":"image\/jpeg"}],"author":"Sergio Ravera","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"Sergio Ravera","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#article","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/"},"author":{"name":"Sergio Ravera","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0"},"headline":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque","datePublished":"2013-03-26T10:18:19+00:00","dateModified":"2023-02-27T14:42:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/"},"wordCount":1023,"commentCount":4,"publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg","keywords":["accessibilit\u00e0","assistenza","programmazione","web usability"],"articleSection":["Sviluppo"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/","url":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/","name":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web - blog.artera.net","isPartOf":{"@id":"https:\/\/www.artera.net\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#primaryimage"},"image":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#primaryimage"},"thumbnailUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg","datePublished":"2013-03-26T10:18:19+00:00","dateModified":"2023-02-27T14:42:22+00:00","description":"Leggi dal blog: Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque. Contattaci per una partnership! Artera Swiss Premium Hosting news, articoli e notizie interessanti dal mondo digitale.","breadcrumb":{"@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#primaryimage","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2013\/03\/accessibilita-1.jpg","width":618,"height":198},{"@type":"BreadcrumbList","@id":"https:\/\/www.artera.net\/it\/sviluppo\/accessibilita-esperienza-piacevole\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.artera.net\/it\/"},{"@type":"ListItem","position":2,"name":"Accessibilit\u00e0: un\u2019esperienza (piacevole) sul web per chiunque"}]},{"@type":"WebSite","@id":"https:\/\/www.artera.net\/it\/#website","url":"https:\/\/www.artera.net\/it\/","name":"Artera","description":"Swiss Premium Hosting","publisher":{"@id":"https:\/\/www.artera.net\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.artera.net\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.artera.net\/it\/#organization","name":"Artera","url":"https:\/\/www.artera.net\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/","url":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","contentUrl":"https:\/\/www.artera.net\/wp-content\/uploads\/2019\/09\/artera-logo.png","width":300,"height":77,"caption":"Artera"},"image":{"@id":"https:\/\/www.artera.net\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/artera.net\/","https:\/\/www.linkedin.com\/company\/artera\/","https:\/\/www.instagram.com\/artera_swiss\/"]},{"@type":"Person","@id":"https:\/\/www.artera.net\/it\/#\/schema\/person\/48ffb6b3727677643fbfd3ecf0a10aa0","name":"Sergio Ravera","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618f2c20338bb422bd317eae8d6c9c097ba85d3f5a1da18e21ecf5da5ee3a448?s=96&d=mm&r=g","caption":"Sergio Ravera"},"description":"Raised in a family tradition of merchants, my entrepreneurial spirit drove me to launch my first e-commerce venture in 1998. My vision and dedication led, in 2002, to the founding of Artera, now a leading brand in premium managed cloud hosting services. As Chief Executive Officer, I lead DHH Switzerland SA, part of the international DHH S.p.A. group, listed on the Milan Stock Exchange with the reference code (AIM \u2013 ISIN: IT0005203622). It is under this brand that the Artera brand continues to grow and thrive. In addition to my commitment to the business world, I am an active researcher in the field of new technologies, always fascinated by cutting-edge innovations in the industry.","sameAs":["https:\/\/www.linkedin.com\/in\/sergioravera\/"],"url":"https:\/\/www.artera.net\/it\/author\/sergio-ravera\/"}]}},"_links":{"self":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/13483","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/comments?post=13483"}],"version-history":[{"count":10,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/13483\/revisions"}],"predecessor-version":[{"id":226871,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/posts\/13483\/revisions\/226871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media\/226869"}],"wp:attachment":[{"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/media?parent=13483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/categories?post=13483"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.artera.net\/it\/wp-json\/wp\/v2\/tags?post=13483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}