{"id":243035,"date":"2021-08-25T16:52:37","date_gmt":"2021-08-25T16:52:37","guid":{"rendered":"https:\/\/www.tuscansolutions.it\/it\/?p=243035"},"modified":"2021-08-25T16:52:37","modified_gmt":"2021-08-25T16:52:37","slug":"creare-un-sito-accessibile","status":"publish","type":"post","link":"https:\/\/www.tuscansolutions.it\/it\/creare-un-sito-accessibile\/","title":{"rendered":"CREARE UN SITO ACCESSIBILE"},"content":{"rendered":"<h2>Tutte le regole per avere un sito accessibile<\/h2>\n<h4><strong>Introduciamo l&#8217;accessibilit\u00e0<a href=\"https:\/\/www.tuscansolutions.it\/it\/wp-content\/uploads\/2021\/08\/creare-un-sito-accessibile.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-243036 alignright\" src=\"https:\/\/www.tuscansolutions.it\/it\/wp-content\/uploads\/2021\/08\/creare-un-sito-accessibile.jpg\" alt=\"creare un sito accessibile\" width=\"300\" height=\"225\" \/><\/a><\/strong><\/h4>\n<p style=\"font-family: Dejavu Sans, Arial, Verdana, sans-serif;\">L&#8217;accessibilit\u00e0 ha lo scopo di rendere i prodotti e i servizi tecnologici utilizzabili da persone con diversi livelli di disabilit\u00e0, di modo che possano essere partecipi alla vita sociale e possano usufruire dei servizi come tutti i cittadini. L&#8217;accessibilit\u00e0 sta diventando sempre pi\u00f9 importante nel tempo, nonch\u00e9 <u>richiesta per legge<\/u> laddove il prodotto sia destinato ad un ampio pubblico. Vedremo tutto ci\u00f2.<\/p>\n<p style=\"font-family: Dejavu Sans, Arial, Verdana, sans-serif;\">Un sito web professionale deve fornire i <u>contenuti informativi presenti a tutte le persone<\/u>, consentendo allo stesso tempo un adeguato livello di comprensione.<\/p>\n<h4><strong>Diversi tipi di disabilit\u00e0:<\/strong><\/h4>\n<ul style=\"padding-left: 80px; padding-right: 60px;\">\n<li style=\"margin-top: 10px;\">Disabilit\u00e0 della vista (ipovendenti, non vedenti)<\/li>\n<li style=\"margin-top: 10px;\">Disabilit\u00e0 dell&#8217;udito<\/li>\n<li style=\"margin-top: 10px;\">Disabilit\u00e0 motorie<\/li>\n<li style=\"margin-top: 10px;\">Disabilit\u00e0 cognitive<\/li>\n<\/ul>\n<h4><strong>La Web Accessibility Initiative<\/strong><\/h4>\n<p><a href=\"https:\/\/www.tuscansolutions.it\/it\/wp-content\/uploads\/2021\/08\/creare-un-sitoweb-accessibile-.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-243037\" src=\"https:\/\/www.tuscansolutions.it\/it\/wp-content\/uploads\/2021\/08\/creare-un-sitoweb-accessibile-.png\" alt=\"creare un sitoweb accessibile\" width=\"300\" height=\"169\" \/><\/a><\/p>\n<p>Nel 1996 <a accesskey=\"w\" href=\"https:\/\/www.w3.org\/\">l&#8217;assemblea W3C<\/a> (World Wide Web Consortium) stila delle linee guida per lo sviluppo di pagine accessibili. Di seguito elenchiamo alcuni tra i punti pi\u00f9 importanti:<\/p>\n<ul style=\"padding-left: 80px; padding-right: 60px;\">\n<li style=\"margin-top: 25px;\">Per ogni elemento non testuale, fornire anche una adeguata descrizione in forma di testo. Le varie tecnologie di accessibilit\u00e0 (quali <i>screen reader<\/i>, ecc.) potranno fare uso della descrizione; ad esempio, un sintetizzatore vocale potr\u00e0 descrivere i vari elementi a persone con disabilit\u00e0 visive.<\/li>\n<li style=\"margin-top: 25px;\">Scegliere colori con sufficiente <mark>contrasto<\/mark><\/li>\n<li style=\"margin-top: 25px;\">Usare i tag adeguati (markup semantico). Per esempio, non usare il tag HTML &lt;cite&gt; solo per ottenere un determinato stile o una determinata spaziatura, ma solo quando stiamo riportando citazioni.<\/li>\n<li style=\"margin-top: 25px;\">Chiarire sempre il <mark>linguaggio naturale<\/mark> principale nella pagina web (per esempio, usare l&#8217;attributo lang=&#8221;&#8221;)<\/li>\n<li style=\"margin-top: 25px;\">Usare adeguata impaginazione tramite HTML, usando ad esempio tabelle (&lt;table&gt;), elenchi (&lt;ul&gt;, ecc.), form di input (&lt;form&gt;)<\/li>\n<li style=\"margin-top: 25px;\">Evitare sfarfallii, transizioni troppo rapide, pagine che si ricaricano frequentemente.<\/li>\n<li style=\"margin-top: 25px;\">Progettare l&#8217;interfaccia per diversi tipi di dispositivi e form factor (responsive design)<\/li>\n<li style=\"margin-top: 25px;\">Evitare di mostrare finestre popup<\/li>\n<li style=\"margin-top: 25px;\">Fornire chiari meccanismi di navigazione. Ogni collegamento deve far capire all&#8217;utente quale \u00e8 la destinazione, senza ambiguit\u00e0.<\/li>\n<li style=\"margin-top: 25px;\">Usare un linguaggio chiaro e semplice<\/li>\n<li style=\"margin-top: 25px;\">Integrare al testo <mark>asset<\/mark> grafici o audio<\/li>\n<\/ul>\n<h4><strong>Tip:<\/strong><\/h4>\n<ol>\n<li><mark>Evidenziare<\/mark> le parole chiave del testo<\/li>\n<li>Lasciare <mark>spazi vuoti<\/mark> tra diversi elementi della pagina (margini)<\/li>\n<li>Calibrare <mark>l&#8217;interlinea<\/mark> per avere buoni margini tra le righe di testo<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/3f31oufqFSM\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutte le regole per avere un sito accessibile Introduciamo l&#8217;accessibilit\u00e0 L&#8217;accessibilit\u00e0 ha lo scopo di rendere i prodotti e i servizi tecnologici utilizzabili da persone con diversi livelli di disabilit\u00e0, di modo che possano essere partecipi alla vita sociale e possano usufruire dei servizi come tutti i cittadini. L&#8217;accessibilit\u00e0 sta diventando sempre pi\u00f9 importante nel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":243038,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_joinchat":[],"footnotes":""},"categories":[66],"tags":[],"class_list":["post-243035","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibilita"],"_links":{"self":[{"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/posts\/243035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/comments?post=243035"}],"version-history":[{"count":0,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/posts\/243035\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/media\/243038"}],"wp:attachment":[{"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/media?parent=243035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/categories?post=243035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tuscansolutions.it\/it\/wp-json\/wp\/v2\/tags?post=243035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}