<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Artistiko magazine &#187; Accessibilità</title>
	<atom:link href="http://magazine.artistiko.net/tag/accessibilita/feed/" rel="self" type="application/rss+xml" />
	<link>http://magazine.artistiko.net</link>
	<description>Articoli di web marketing, e-commerce, accessibilità, comunicazione e marketing</description>
	<lastBuildDate>Wed, 28 Jul 2010 16:51:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Perchè un sito web dovrebbe essere accessibile</title>
		<link>http://magazine.artistiko.net/2009-08-14/perche-un-sito-web-dovrebbe-essere-accessibile/</link>
		<comments>http://magazine.artistiko.net/2009-08-14/perche-un-sito-web-dovrebbe-essere-accessibile/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 23:48:31 +0000</pubDate>
		<dc:creator>MarcoPedota</dc:creator>
				<category><![CDATA[Accessibilità]]></category>
		<category><![CDATA[Legge nel web]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://magazine.artistiko.net/?p=134</guid>
		<description><![CDATA[Cos'è l'accessibilità dei siti web? Quali siti devono essere accessibili secondo la legge Stanca? Quali vantaggi ottiene un sito accessibile rispetto ad uno non accessibile? In questo articolo rispondiamo a queste domande ed affrontiamo un argomento spesso ignorato da troppi web designer]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-146" style="float: right; padding: 0 0 20px 20px;" src="http://magazine.artistiko.net/wp-content/uploads/accessibilità-web.jpg" alt="Accessibilità web" width="323" height="264" /></p>
<p>Un&#8217;argomento che in questi ultimi anni si sta facendo strada tra i web designer e web developer più attenti a realizzare <strong>siti web di qualità</strong> è l&#8217;accessibilità: una componente a mio avviso molto importante in ogni sito, ma che diventa fondamentale in alcuni siti, quali quelli degli enti pubblici.</p>
<blockquote><p><em>Legge 9 gennaio 2004, <abbr title="numero">n.</abbr> 4</em></p>
<p>1. La presente legge si applica alle pubbliche amministrazioni di cui al comma 2 dell&#8217;articolo 1 del decreto legislativo 30 marzo 2001, <abbr title="numero">n.</abbr> 165, e successive modificazioni, agli enti pubblici economici, alle aziende private concessionarie di servizi pubblici, alle aziende municipalizzate regionali, agli enti di assistenza e di riabilitazione pubblici, alle aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico e alle aziende appaltatrici di servizi informatici.<br />
&lt; <em>pubbliaccesso.gov.it</em> &gt;</p></blockquote>
<h3>Cos&#8217;è l&#8217;accessibilità in un sito web?</h3>
<p>Per accessibilità si intende la capacità dei sistemi informatici (nel nostro caso i siti internet) di fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilità necessitano di tecnologie assistive o configurazioni particolari (per esempio chi può navigare solo con la tastiera, oppure chi ha difetti della vista, addirittura un sito accessibile dovrebbe essere perfettamente fruibile anche da utenti ciechi).</p>
<blockquote><p>&#8230;L&#8217;accessibilità coinvolge una vasta gamma di disabilità, tra cui quella visiva, uditiva, fisica, del parlato, cognitiva, linguistica, dell&#8217;apprendimento e disabilità neurologiche&#8230;<br />
&lt;<em> Linee guida WCAG 2.0 &#8211; wcag2.iwa.it</em> &gt;</p></blockquote>
<p>Un sito realizzato interamente con tecnologia Flash sarà difficilmente accessibile, così come alcuni siti realizzati con un&#8217;unica immagine per ogni pagina, con delle aree cliccabili al suo interno al posto del menù e dei link interni, così come link non facilmente identificabili, o colori del testo non abbastanza contrastati rispetto al colore di sfondo&#8230;</p>
<p>Per capire meglio e più velocemente <strong>alcuni fondamenti dell&#8217;accessibiltà</strong> possiamo porci alcune domande:</p>
<ul>
<li>I contenuti del sito sono fruibili alla stessa maniera dai principali browser web (o meglio da tutti)?</li>
<li>Sono vincolati da determinate caratteristiche restrittive? (risoluzione dello schermo, colori impiegati, posizione dei contenuti nella pagina, obbligo di utilizzare plugin aggiuntivi (flash player ad esempio) o Javascript</li>
<li>Posso navigare il sito anche solo da tastiera?</li>
<li>Potrei comprendere pienamente il contenuto della pagina web anche se la visualizzazione delle immagini o dei fogli di stile fossero disabilitati?</li>
<li>Menù di navigazione, titoli, contenuti sono facilmente identificabili e fruibili?</li>
</ul>
<p>I controlli di una check-list di accessibilità ovviamente sono molti di più: queste domande però ci consentono di cominciare a capire cosa intendiamo per accessibilità web.</p>
<h3>Perchè l&#8217;accessibilità è importante?</h3>
<h4>Etica</h4>
<blockquote><p>Poter navigare su internet ed accedere alle informazioni sulla rete è un diritto di tutti, realizzare siti che rispondano agli standard web dovrebbe essere un dovere di ogni sviluppatore.<br />
&lt; <em>Tommaso Baldovino &#8211; tomstardust.com</em> &gt;</p></blockquote>
<p>Come ci spiega Tommaso, dovrebbe essere il <strong>dovere di ogni sviluppatore</strong> quello di realizzare siti web i cui contenuti possano essere percepiti dalla maggior parte degli utenti.<br />
<em>Un sito web che non rispetta i canoni di accessibilità è come un ufficio comunale senza una rampa &#8220;accessibile&#8221; da persone costrette in sedia a rotelle</em>, o un bancomat con i tasti senza i segni a rilievo utilizzabili da persone cieche: saremmo indignati davanti ad una situazione diversa da quelle appena citate.<br />
Oggi si pone molta più attenzione ai problemi legati al sociale rispetto al passato: allora perchè un sito web, che è un documento accessibile per natura (un sito web pubblico è visionabile da chiunque, in qualunque parte del mondo, a patto ovviamente di avere a disposizione un computer e connessione a internet) non dovrebbe essere accessibile?</p>
<h4>Business</h4>
<p>Un sito web accessibile (e rispettante gli standard del codice <abbr title="Hyper Text Markup Language">HTML</abbr> e <abbr title="Cascading style sheets">CSS</abbr> ) è di norma <strong>cross-browser</strong>: ovvero i suoi contenuti sono correttamente visualizzabili sui principali browser web (Internet explorer, Firefox, Opera, Safari, Chrome&#8230;) e sulle differenti piattaforme (Windows, Mac, Linux, Symbian&#8230;): <strong>un notevole vantaggio se il sito è di un&#8217;azienda, meglio ancora se è un e-commerce.</strong><br />
Le più recenti statistiche sull&#8217;uso dei browser ci indicano infatti che il 39,4% degli utenti utilizza Internet Explorer, mentre il 47,9 utilizza Mozilla Firefox. Perchè dunque non si dovrebbe ottimizzare un sito web per entrambi i browser web? Molti creano un sito testandolo su un unico browser, e troppo tardi (o mai) si accorgono che su altri browser i contenuti sono visualizzati diversamente (o addirittura non sono fruibili!).<br />
Inoltre, consideriamo che <strong>anche gli utenti disabili sono consumatori</strong> (anzi&#8230; un sito di e-commerce potrebbe essere un utile strumento per annullare alcune barriere: non dovrebbe quindi averne esso stesso): rendendo il sito web accessibile alla maggior parte di questa fascia di utenti <strong>il fatturato online dell&#8217;azienda potrebbe giovare dell&#8217;investimento</strong> fatto su un lavoro di accessibilità.</p>
<h4>Legge</h4>
<p>Come indicato qua sopra nell&#8217;articolo della <strong>Legge Stanca</strong>, i siti web <em>degli enti pubblici economici, delle aziende private concessionarie di servizi pubblici, delle aziende municipalizzate regionali, degli enti di assistenza e di riabilitazione pubblici, delle aziende di trasporto e di telecomunicazione a prevalente partecipazione di capitale pubblico e adelle aziende appaltatrici di servizi informatici</em> devono essere realizzati in conformità alle normative di accessibilità.<br />
Anche se il motivo etico è indubbiamente di maggior valore, anche questo è un valido motivo per realizzare (o ristrutturare) siti web in modo accessibile.</p>
<h3>Alcuni esempi di siti web accessibili realizzati da Artistiko Snc</h3>
<p><a href="http://www.artistiko.net" target="_blank">Artistiko </a>si impegna da sempre a realizzare ove possibile  <strong>siti web accessibili e rispettanti gli standard del <abbr title="World Wide Web consortium">W3C</abbr></strong>: per i seguenti siti è stato eseguito un lavoro più scrupoloso, eseguendo anche un completo check-up dei principali punti di controllo dell&#8217;accessibilità, illustrato nelle pagine di dichiarazione dell&#8217;accessibilità dei siti.</p>
<p><a href="http://www.ordineavvocatipesaro.it" target="_blank">Ordine degli Avvocati di Pesaro</a> &#8211; ( <a href="http://www.ordineavvocatipesaro.it/dichiarazione-accessibilita.php" target="_blank">pagina di dichiarazione dell&#8217;accessibilità</a> )</p>
<p><a href="http://www.vuesseinfissi.it/" target="_blank">Vuesse infissi</a> &#8211; ( <a href="http://www.vuesseinfissi.it/dichiarazione-accessibilita-w3c-vuesse-infissi.php" target="_blank">pagina di dichiarazione dell&#8217;accessibilità</a> )</p>
<p style="text-align: right;"><em>Marco Pedota &#8211; Web administrator &amp; SEO specialist</em></p>
<!-- Social Bookmarks BEGIN -->
<div class="social_bookmark">
<a><strong><em>Condividi</em></strong></a>
<br />
<div class="d">
<br />
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.bloglines.com/sub/http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Bloglines"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/bloglines.png" title="Aggiungi a&nbsp;Bloglines" alt="Aggiungi a&nbsp;Bloglines" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://buzz.yahoo.com/submit?submitUrl=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;submitHeadline=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile&amp;submitSummary=" rel="nofollow" title="Aggiungi a&nbsp;Buzz"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/buzz.png" title="Aggiungi a&nbsp;Buzz" alt="Aggiungi a&nbsp;Buzz" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://del.icio.us/post?url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Del.icio.us"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/delicious.png" title="Aggiungi a&nbsp;Del.icio.us" alt="Aggiungi a&nbsp;Del.icio.us" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;digg"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/digg.png" title="Aggiungi a&nbsp;digg" alt="Aggiungi a&nbsp;digg" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.dzone.com/links/add.html?description=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile&amp;url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;DZone"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/dzone.png" title="Aggiungi a&nbsp;DZone" alt="Aggiungi a&nbsp;DZone" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.facebook.com/sharer.php?u=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Facebook"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/facebook.png" title="Aggiungi a&nbsp;Facebook" alt="Aggiungi a&nbsp;Facebook" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Google Bookmarks"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/google.png" title="Aggiungi a&nbsp;Google Bookmarks" alt="Aggiungi a&nbsp;Google Bookmarks" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;LinkedIn"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/linkedin.png" title="Aggiungi a&nbsp;LinkedIn" alt="Aggiungi a&nbsp;LinkedIn" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.netscape.com/submit/?U=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;T=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Netscape"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/netscape.png" title="Aggiungi a&nbsp;Netscape" alt="Aggiungi a&nbsp;Netscape" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.newsvine.com/_wine/save?u=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;h=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Newsvine"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/newsvine.png" title="Aggiungi a&nbsp;Newsvine" alt="Aggiungi a&nbsp;Newsvine" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://reddit.com/submit?url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;reddit"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/reddit.png" title="Aggiungi a&nbsp;reddit" alt="Aggiungi a&nbsp;reddit" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;title=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Stumble Upon"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/stumbleupon.png" title="Aggiungi a&nbsp;Stumble Upon" alt="Aggiungi a&nbsp;Stumble Upon" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.squidoo.com/lensmaster/bookmark?http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Squidoo"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/squidoo.png" title="Aggiungi a&nbsp;Squidoo" alt="Aggiungi a&nbsp;Squidoo" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://www.technorati.com/faves?add=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Technorati"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/technorati.png" title="Aggiungi a&nbsp;Technorati" alt="Aggiungi a&nbsp;Technorati" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://tipd.com/submit.php?url=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Tip'd"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/tipd.png" title="Aggiungi a&nbsp;Tip'd" alt="Aggiungi a&nbsp;Tip'd" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://twitter.com/home/?status=Check+out+Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile+@+http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F" rel="nofollow" title="Aggiungi a&nbsp;Twitter"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/twitter.png" title="Aggiungi a&nbsp;Twitter" alt="Aggiungi a&nbsp;Twitter" /></a>
<a onclick="window.open(this.href, '_blank', 'scrollbars=yes,menubar=no,height=600,width=750,resizable=yes,toolbar=no,location=no,status=no'); return false;" href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http%3A%2F%2Fmagazine.artistiko.net%2F2009-08-14%2Fperche-un-sito-web-dovrebbe-essere-accessibile%2F&amp;t=Perch%C3%A8+un+sito+web+dovrebbe+essere+accessibile" rel="nofollow" title="Aggiungi a&nbsp;Yahoo My Web"><img class="social_img" src="http://magazine.artistiko.net/wp-content/plugins/social-bookmarks/images/yahoo.png" title="Aggiungi a&nbsp;Yahoo My Web" alt="Aggiungi a&nbsp;Yahoo My Web" /></a>
<br />
</div>
</div>
<!-- Social Bookmarks END -->
]]></content:encoded>
			<wfw:commentRss>http://magazine.artistiko.net/2009-08-14/perche-un-sito-web-dovrebbe-essere-accessibile/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
