<?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>Ideose &#187; Mobile</title>
	<atom:link href="http://www.ideose.eu/blog/mobile/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ideose.eu</link>
	<description>Numérique pour tous</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:50:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Pierre GUILLOU (Ideose) sélectionné comme &#171;&#160;Expert National&#160;&#187; pour la eAccessibilité</title>
		<link>http://www.ideose.eu/blog/accessibilite/pierre-guillou-ideose-selectionne-comme-expert-national-pour-la-eaccessibilite/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/pierre-guillou-ideose-selectionne-comme-expert-national-pour-la-eaccessibilite/#comments</comments>
		<pubDate>Fri, 18 Jun 2010 11:12:42 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Economie]]></category>
		<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[Handicap]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Senior]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=3622</guid>
		<description><![CDATA[Les experts nationaux Le Consortium de l&#8217;étude &#171;&#160;Monitoring eAccessibility in Europe&#160;&#187; a sélectionné 2 experts nationaux en accessibilité numérique par pays européen : un expert technique et un expert en politique (réglementations, lois, processus, marché du numérique accessible, secteur public et privé&#8230;). Le terme eAccessibilité (accessibilité numérique) dans cette étude concerne l&#8217;accessibilité de tous les [...]]]></description>
			<content:encoded><![CDATA[<div style="margin-top: 5px; float: left; display: block; width: 100%;"> 

<div style="float: right; margin: 0pt 0pt 5px 15px;"><a href="http://www.eaccessibility-monitoring.eu/" title="Monitoring eAccessibility in Europe (nouvelle fenêtre)" target="_blank"><img class="img_border" style="margin-top: 20px;" src="/images/MEAC.png" alt="Monitoring eAccessibility in Europe (nouvelle fenêtre)"></a></div> 

<h3 id="experts" style="text-align: justify;margin-top:20px">Les experts nationaux</h3>

<p>Le Consortium de l&#8217;étude &laquo;&nbsp;<strong>Monitoring eAccessibility in Europe</strong>&nbsp;&raquo; a sélectionné <strong>2 experts nationaux en accessibilité numérique par pays européen</strong> : un <strong>expert technique</strong> et un <strong>expert en politique</strong> (réglementations, lois, processus, marché du numérique accessible, secteur public et privé&#8230;).</p>

<p>Le terme <strong>eAccessibilité (accessibilité numérique)</strong> dans cette étude concerne l&#8217;accessibilité de tous les matériels, logiciels, systèmes d&#8217;informations et services numériques (exemples : sites Internet, téléphones fixes et mobiles, ordinateurs, distributeurs de billets, télévision&#8230;).</p>

<p>La <a href="http://www.eaccessibility-monitoring.eu/nationalexperts.aspx" target="_blank" title="liste des experts nationaux pour la e-Accessibilité (nouvelle fenêtre)">liste des experts nationaux pour la e-Accessibilité</a> est consultable en ligne. Pour <strong>la France</strong>, <strong><a href="http://www.ideose.eu/a-propos/#pierre_guillou">Pierre GUILLOU</a></strong> (<a href="http://www.ideose.eu/">Ideose</a>) a été choisi comme expert en politique (note : l&#8217;association BrailleNet a été choisie pour la partie technique).</p>

<h3 id="presentation" style="text-align: justify;margin-top:20px">Présentation</h3>

<p>L&#8217;étude &laquo;&nbsp;<a href="http://www.eaccessibility-monitoring.eu" target="_blank" title="Monitoring eAccessibility in Europe (nouvelle fenêtre)">Monitoring eAccessibility in Europe</a>&nbsp;&raquo; (observatoire de l&#8217;accessibilité numérique en Europe) est un projet financé par la Commission Européenne et qui a comme objectif général de <strong>surveiller l&#8217;état et les progrès réalisés dans l&#8217;e-accessibilité dans une série de pays européens</strong> (les États membres et pays tiers) :<p>
<ul>
<li>en identifiant les meilleures pratiques dans les domaines de la législation, des politiques et des pratiques</li>
<li>en assurant un interaction directe et active entre les acteurs impliqués dans la mise en œuvre et l&#8217;évaluation de l&#8217;accessibilité numérique réelle</li>
<li>en définissant, en élaborant et en appliquant un cadre d&#8217;analyse comparative dans le suivi des progrès accomplis dans l&#8217;e-accessibilité dans le temps et entre les pays.</li>
</ul>

<p>L&#8217;étude &laquo;&nbsp;Monitoring eAccessibility in Europe&nbsp;&raquo; vise ainsi à contribuer à l&#8217;élaboration et la mise en œuvre de la politique de l&#8217;Union européenne de l&#8217;accessibilité numérique en fournissant des informations utiles sur les approches, les pratiques et l&#8217;impact des mesures visant à promouvoir l&#8217;e-accessibilité. En particulier, les mesures prenant en considération les intérêts des utilisateurs finals et d&#8217;autres aspects pertinents tels que la compétitivité et aux forces du marché sont répertoriées et analysés.</p>

<h3 id="communication" style="text-align: justify;margin-top:20px">Communication sur les résultats</h3>

<p>L&#8217;étude &laquo;&nbsp;Monitoring eAccessibility in Europe&nbsp;&raquo; donnera lieu à un rapport remis à la Commission Européenne. Ce rapport sera rendu public après validation.</p>

<h3 id="consortium" style="text-align: justify;margin-top:20px">Consortium</h3>

<p>L&#8217;étude &laquo;&nbsp;Monitoring eAccessibility in Europe&nbsp;&raquo; est conduite par un <a href="http://www.eaccessibility-monitoring.eu/consorcio.aspx" class="broken_link"  target="_blank" title="Consortium Meac (nouvelle fenêtre)">consortium</a> coordonné par <a lang="en" target="_blank" title="Technosite, ONCE Foundation (nouvelle fenêtre)" href="http://www.technosite.es/">Technosite (ONCE Foundation)</a> en partenariat avec NOVA et CNIPA et en collaboration avec I2BC, The Blanck Group et CDLP-NUI.</p>

<h3 id="europe" style="text-align: justify;margin-top:20px">Financement par la Commission Européenne</h3>

<p>Cette étude est financée par la Commission Européenne (<span lang="en">DG Information Society and Media, Unit H.3 &#8216;ICT for inclusion&#8217;</span>).</p>

</div>]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/pierre-guillou-ideose-selectionne-comme-expert-national-pour-la-eaccessibilite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Accessibilité au quotidien : Google innove par l&#8217;image et le mobile</title>
		<link>http://www.ideose.eu/blog/accessibilite/accessibilite-web-20-google-image-mobile/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/accessibilite-web-20-google-image-mobile/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 12:46:48 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Accessibilité 2.0]]></category>
		<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Temps Réel]]></category>
		<category><![CDATA[accessibilité 2.0]]></category>
		<category><![CDATA[accessibilité du Web]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[recherche]]></category>
		<category><![CDATA[Web mobile]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=3193</guid>
		<description><![CDATA[Google vient d&#8217;annoncer la sortie d&#8217;une nouvelle application pour les mobiles sous Android : Google Goggles. Il s&#8217;agit d&#8217;un outil innovant de recherche par l&#8217;image : Vous prenez une photo d&#8217;un objet qui vous intéresse avec votre mobile sous Android (la Tour Eiffel par exemple). La photo est envoyée à Google et analysée. Si Google [...]]]></description>
			<content:encoded><![CDATA[<p>Google vient d&#8217;annoncer la sortie d&#8217;une <a href="http://googlemobile.blogspot.com/2009/12/mobile-search-for-new-era-voice.html">nouvelle application pour les mobiles sous Android</a> : <a href="http://www.google.com/mobile/goggles/">Google Goggles</a>.</p>

<p>Il s&#8217;agit d&#8217;un outil innovant de recherche par l&#8217;image :</p>
<ul>
<li>Vous prenez une photo d&#8217;un objet qui vous intéresse avec votre mobile sous Android (la Tour Eiffel par exemple).</li>
<li>La photo est envoyée à Google et analysée.</li>
<li>Si Google &laquo;&nbsp;reconnaît&nbsp;&raquo; l&#8217;objet, l&#8217;application vous renvoie des informations textuelles sur l&#8217;objet photographié comme son nom, son adresse, son site Web&#8230;</li>
</ul>

<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/Hhgfz0zPmH4&#038;hl=fr_FR&#038;fs=1&#038;color1=0x402061&#038;color2=0x9461ca"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Hhgfz0zPmH4&#038;hl=fr_FR&#038;fs=1&#038;color1=0x402061&#038;color2=0x9461ca" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object>

<p>Selon <a href="http://www.01net.com/editorial/509784/recherche-google-avance-sur-tous-les-fronts/">01Net</a>, le service marche plutôt bien pour l&#8217;instant pour &laquo;&nbsp;les monuments, les livres et DVD, les logos, les cartes de visite, les entreprises, les produits, les codes-barres et les textes. Le système n&#8217;est, en revanche, pas efficace pour les meubles, animaux, ou encore les voitures&nbsp;&raquo;.</p>

<p><a href="http://www.ideose.eu">Ideose</a> voit <strong>Google Goggles</strong> comme <strong>un vrai outil d&#8217;aide à l&#8217;accessibilité au quotidien</strong>. Imaginez en effet une personne aveugle à qui on présente une carte de visite : elle obtient en temps réel le texte de la carte de visite dans son téléphone et peut ainsi connaître toutes les informations sur son interlocuteur. Autre situation : une personne aveugle peut obtenir toutes les informations concernant un objet proche d&#8217;elle uniquement en utilisant son téléphone mobile (pour un objet à distance, il lui faut néanmoins une assistance pour prendre la photo).</p>

<p><strong>Google Goggles</strong> est à ranger dans les outils pour l&#8217;<a href="http://www.ideose.eu/blog/accessibilite/accessibilite-20-bien-plus-quun-slogan/">Accessibilité 2.0</a> comme <a href="http://www.ideose.eu/blog/accessibilite/google-sous-titre-en-temps-reel-les-videos-youtube/">le sous-titrage automatique des vidéos YouTube par Google</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/accessibilite-web-20-google-image-mobile/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Accessibilité 2.0, bien plus qu&#8217;un slogan</title>
		<link>http://www.ideose.eu/blog/accessibilite/accessibilite-20-bien-plus-quun-slogan/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/accessibilite-20-bien-plus-quun-slogan/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 13:43:55 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Accessibilité 2.0]]></category>
		<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Citoyen]]></category>
		<category><![CDATA[Développement durable]]></category>
		<category><![CDATA[Economie]]></category>
		<category><![CDATA[Entreprise]]></category>
		<category><![CDATA[Handicap]]></category>
		<category><![CDATA[Loi]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Senior]]></category>
		<category><![CDATA[Web Temps Réel]]></category>
		<category><![CDATA[accessibilité 2.0]]></category>
		<category><![CDATA[accessibilité du Web]]></category>
		<category><![CDATA[bénéfices]]></category>
		<category><![CDATA[collectivité territoriale]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Ideose]]></category>
		<category><![CDATA[lecteur d'écran]]></category>
		<category><![CDATA[règles]]></category>
		<category><![CDATA[réseau social]]></category>
		<category><![CDATA[ressources]]></category>
		<category><![CDATA[secteur privé]]></category>
		<category><![CDATA[secteur public]]></category>
		<category><![CDATA[seniors]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web mobile]]></category>
		<category><![CDATA[Web senior]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=2892</guid>
		<description><![CDATA[Note 1: ce document présente le contenu détaillé de la présentation de Pierre GUILLOU donnée aux Roumics le jeudi 26 novembre 2009 sur le thème : Accessibilité, bien plus qu&#8217;un slogan. Le powerpoint de la présentation est également disponible en ligne sur SlideShare. Note 2 : pour mieux comprendre le Web 1.0, le Web 2.0 [...]]]></description>
			<content:encoded><![CDATA[<div class="fiche_reseau_ap">

<p><strong>Note 1:</strong> ce document présente le contenu détaillé de la présentation de <a href="http://www.ideose.eu/a-propos/#pierre_guillou">Pierre GUILLOU</a> donnée aux <a href="http://www.roumics.com/"><acronym title="Rencontres OUvertes du Multimédia et de l'Internet Citoyen et Solidaire">Roumics</acronym></a> le jeudi 26 novembre 2009 sur le thème : <strong>Accessibilité, bien plus qu&#8217;un slogan</strong>. Le <a href="http://www.slideshare.net/pguillou/accessibilit-20-bien-plus-quun-slogan" title="powerpoint de la présentation : Accessibilité 2.0, bien plus qu'un slogan">powerpoint de la présentation</a> est également disponible en ligne sur <span lang="en">SlideShare</span>.</p>

<p><strong>Note 2 :</strong> pour mieux comprendre le Web 1.0, le Web 2.0 et le &laquo;&nbsp;Web Temps Réel&nbsp;&raquo;, vous pouvez consulter les articles des <strong>Chroniques du &laquo;&nbsp;Web Temps Réel&nbsp;&raquo;</strong> :</p>

<p>Liste des articles déjà publiés :</p>
<ul>
<li>Article 1 (29/11/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/comprendre-le-web-10/">Comprendre le Web 1.0</a></li>
<li>Article 2 (29/11/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/comprendre-le-web-20/">Comprendre le Web 2.0</a></li>
<li>Article 3 (01/12/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/comprendre-web-temps-reel/">Comprendre le &laquo;&nbsp;Web Temps Réel&nbsp;&raquo;</a></li>
<li>Article 4 (03/12/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/comprendre-et-utiliser-twitter/">Comprendre et utiliser Twitter</a></li>
<li>Article 5 (05/12/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/twitter-services-outils-applications/">Les services, outils et applications Twitter</a></li>
<li>Article 6 (09/12/09) : <a href="http://www.ideose.eu/blog/web-temps-reel/utiliser-twitter-dans-une-conference/">Utiliser Twitter dans une conférence</a></li>
</ul>

<h3 id="sommaire">Sommaire</h3>

<ul>
<li><a href="#slideshare">Diaporama de cette présentation sur <span lang="en">SlideShare</span></a></li>
<li><a href="#accessibilite10">Bilan de l&#8217;accessibilité 1.0</a></li>
<li><a href="#publics">(1/3) Le Web en 2009 : la diversité des internautes et des usages</a></li>
<li><a href="#services">(2/3) Le Web en 2009 : des services spécialisés</a></li>
<li><a href="#web20">(3/3) Le Web en 2009 : le Web 2.0</a></li>
<li><a href="#problemes_solutions_web20">Problèmes et solutions pour l&#8217;accessibilité du Web 2.0</a></li>
<li><a href="#synthese">Synthèse</a></li>
</ul>

<p id="ressources"><strong>Ressources en ligne sur l&#8217;accessibilité 2.0, le Web 2.0 et le &laquo;&nbsp;Web Temps Réel&nbsp;&raquo;</strong> :</p>
<ul>
<li><a href="http://www.ideose.eu/veille-web/">Veille Ideose sur l&#8217;évolution du Web</a></li>
<li><a href="http://www.ideose.eu/ressources-accessibilite/">Portail de ressources concernant l’accessibilité numérique</a></li>
<li><a href="http://www.ideose.eu/documents-accessibilite/">Documents sur l&#8217;accessibilité du Web traduits par Ideose</a></li>
<li><a href="http://www.weboff.fr">WebOff, comprendre le Web Temps Réel</a></li>
</ul>

</div>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="slideshare">Diaporama de cette présentation sur <span lang="en">SlideShare</span></h3>

<div style="width:425px;text-align:left" id="__ss_2581837"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/pguillou/accessibilit-20-bien-plus-quun-slogan" title="Accessibilité 2.0, bien plus qu&#39;un slogan">Accessibilité 2.0, bien plus qu&#39;un slogan</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=accessibilite20ideoseroumics26nov2009-091125072742-phpapp01&#038;stripped_title=accessibilit-20-bien-plus-quun-slogan" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=accessibilite20ideoseroumics26nov2009-091125072742-phpapp01&#038;stripped_title=accessibilit-20-bien-plus-quun-slogan" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">Voir plus de présentations de <a style="text-decoration:underline;" href="http://www.slideshare.net/pguillou">Pierre GUILLOU</a>.</div></div>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="accessibilite10">Bilan de l&#8217;accessibilité 1.0</h3>

<h4>Illustration du Web 1.0 et de l&#8217;accessibilité 1.0</h4>

<img src="/images/accessibilite10.png" alt="accessibilité 1.0 : contrôle du code du site Web au niveau serveur (source image : WAI)" />

<h4>International : une source unique</h4>

<ul>

<li><strong>Définition :</strong> accessibilité des sites Web 1.0 (<abbr lang="en" title="HyperText Markup Language">HTML</abbr> + <abbr lang="en" title="Cascade Style Sheet">CSS</abbr> + <abbr lang="en" title="Content Management System">CMS</abbr> avec <abbr lang="en" title="Portable Document Format">PDF</abbr> et Flash).</li>

<li><strong>Règles internationales :</strong> un organisme (<a href="http://www.w3.org/"><abbr lang="en" title="World Wide Web">W3C</abbr></a>/<a href="http://www.w3.org/WAI"><acronym lang="en" title="Web Accessibility Initiative">WAI</acronym></a>) et un standard (<a href="http://www.w3.org/TR/WCAG20/"><acronym lang="en" title="Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a>).</li> 

<li><strong>Règle emblématique :</strong> mettre un alt aux images.</li>

</ul>

<h4>France : un environnement légal et méthodologique</h4>

<ul>

<li><strong>Référentiel français :</strong> <a href="http://www.references.modernisation.gouv.fr/rgaa-accessibilite"><acronym title="Référentiel Général d'Accessibilité pour les Administrations">RGAA</acronym></a>.</li>

<li><strong>Lois nationales :</strong> obligation d&#8217;accessibilité des sites Web publics (France : <a href="http://www.legifrance.gouv.fr/affichTexte.do;jsessionid=BD2411D6D57C42E9B0A9F9ADEFE94AD2.tpdjo10v_2?cidTexte=JORFTEXT000000809647&amp;categorieLien=id">Article 47 de la loi <acronym title="numéro">n°</acronym>2005-102 (11 février 2005)</a> + <a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000020616980">décret d&#8217;application <acronym title="numéro">n°</acronym>2009-546 (14 mai 2009)</a> + <a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000021208630&amp;dateTexte=&amp;categorieLien=id">Arrêté du 21 octobre 2009 relatif au <acronym title="Référentiel Général d'Accessibilité pour les Administrations">RGAA</acronym></a>).</li>

<li><strong>Environnement méthodologique :</strong>
<ul>
<li><strong>Autorité administrative :</strong> le &laquo;&nbsp;Comité interministériel Handicap&nbsp;&raquo; devrait mettre en place un site Web et des outils/guides.</li>
<li><strong>Prestataires, formation :</strong> plus de 200 agences Internet avec au moins une personne formée à l&#8217;évaluation des règles d&#8217;accessibilité.</li>
<li><strong>Label des sites Web 1.0 :</strong> <a href="http://www.accessiweb.org/fr/Label_Accessibilite/" class="broken_link" >Label AccessiWeb</a> (association, pas Etat).</li>
</ul></li>

</ul>


<h4>Conclusion : l&#8217;accessibilité 1.0 est possible</h4>

<ul>
<li>L&#8217;<strong>accessibilité des sites Web 1.0</strong> (beaucoup de sites du secteur public) est aujourd&#8217;hui <strong>possible</strong>.</li>
<li>Pourquoi ? 
<ul>
<li>Les <strong>règles standardisées</strong> existent.</li>
<li>Les sites Web 1.0 sont caractérisés majoritairement par <strong>une structure centralisée</strong> (contrôle des pages Web hébergées sur un même serveur) et par <strong>un auteur unique</strong> (contrôle de l&#8217;éditorial). Il est donc possible de contrôler leur accessibilité par rapport aux règles standardisées.</li>
</ul></li>
<li>Il s&#8217;agit d&#8217;une <strong>accessibilité technique</strong> (application de règles sur le code d&#8217;un site Web en amont sur le serveur Web) qui ne demande pas de prendre en compte les usages en aval sur le poste client.</li>
<li>L&#8217;accessibilité 1.0 demande des prestataires formés aux <acronym lang="en" title="Web Content Accessibility Guidelines">WCAG</acronym> 2.0. <strong>Ces formations et ces prestataires existent</strong>.</li>
</ul>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="publics">(1/3) Le Web en 2009 : la diversité des internautes et des usages</h3>

<h4>Illustration de la diversité des internautes</h4>

<img src="/images/diversite.jpg" alt="la diversité des internautes et des usages" />

<h4>Des publics et des usages</h4>

<ul>
<li><strong>Personnes handicapées :</strong>
<ul>
<li><strong>Personnes aveugles :</strong> utilisation d&#8217;un lecteur d&#8217;écran (<a href="http://www.freedomsci.de/serv01fra.htm"><span lang="en">Jaws</span></a>, <a href="http://www.nvda.fr/"><acronym title="NonVisual Desktop Access" lang="en">NVDA</acronym></a>&#8230;) avec sortie braille et synthèse vocale ; lecture linéaire ou par titres de paragraphes ou par liste des liens ; besoin d&#8217;un contenu structuré et sémantique ; besoin d&#8217;une navigation homogène.</li>
<li><strong>Personnes malvoyantes :</strong> utilisation d&#8217;un agrandisseur d&#8217;écran (<a href="http://www.aisquared.com/zoomtext/"><span lang="en">ZoomText</span></a>&#8230;) avec synthèse vocale ; lecture par zoom ; besoin de bons contrastes de couleurs, d&#8217;une structure et navigation homogène et classique.</li>
<li><strong>Personnes sourdes et malentendantes :</strong> utilisation appréciée des animations/vidéos Flash en particulier pour les personnes qui signent ; besoin de vidéos avec des sous-titres synchronisés et un traducteur <abbr title="Langue des Signes Française">LSF</abbr>.</li>
<li><strong>Personnes avec un handicap moteur :</strong> utilisation de la touche de tabulation du clavier et de navigateur Web adapté ; besoin de codage logique de l&#8217;information et de liens d&#8217;évitement.</li> 
<li><strong>Personnes avec un handicap cognitif :</strong> difficulté en fonction du handicap pour consulter les sites Web ; besoin de contenu simple et clair ainsi que des illustrations.</li>
</ul></li>
<li><strong>Seniors :</strong> multiplicité des besoins en fonction de la déficience et de l&#8217;appropriation de l&#8217;outil informatique (gros caractères, contrastes de couleurs, liens Web éloignés à cause des tremblements, ergonomie simple, pas de surcharge d&#8217;informations&#8230;) ; les &laquo;&nbsp;Seniors et le Web&nbsp;&raquo; sont actuellement étudiés par le <a href="http://www.w3.org/"><abbr lang="en" title="World Wide Web">W3C</abbr></a>/<a href="http://www.w3.org/WAI"><acronym lang="en" title="Web Accessibility Initiative">WAI</acronym></a> dans le groupe  <a lang="en" href="http://www.w3.org/WAI/WAI-AGE/">WAI-AGE</a> dont fait partie <a href="http://www.ideose.eu/a-propos/#pierre_guillou">Pierre Guillou</a> (<a href="http://www.ideose.eu">Ideose</a>).</li>
<li><strong>Mobilautes :</strong> des sites Web simples peuvent être utilisables sur les petits écrans des téléphones portables (respect des règles <a href="http://www.w3.org/TR/WCAG20/"><acronym lang="en" title="Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a> et <a href="http://www.w3.org/TR/mobile-bp/" title="Mobile Web Best Practices 1.0 [lien proposé par www.Ideose.eu]"><span lang="en">Mobile Web Best Practices</span> 1.0</a>), d&#8217;autres doivent être adaptés (applications iPhone) ; les téléphones eux-mêmes doivent être accessibles (<a href="http://www.nillabyte.com/blog.php?b=280" class="broken_link" >accessibilité du iPhone</a>, lecteurs d&#8217;écrans pour téléphones portables comme <a href="http://www.codefactory.es/en/products.asp?id=283" class="broken_link" ><span lang="en">Mobile Speak</span></a> et <a href="http://www.nuance.com/talks/"><span lang="en">Talks</span></a>).</li>
<li><strong>Télévision numérique, bornes multimédias&#8230; :</strong> les moyens de consultations et de personnalisation de sa consultation se multiplient.</li>

</ul>

<h4>Conclusion : la diversité des publics et des usages de consultation demande un Web multiple</h4>

<ul>
<li><strong>Diversité des publics</strong> qui naviguent sur le Web&#8230;</li>
<li><strong>Diversité des outils de consultation Web</strong> (matériels et logiciels)&#8230;</li>
<li><strong>Diversité des besoins et des usages</strong> de consultation Web&#8230;</li>
<li><strong>Besoin de pouvoir personnaliser l&#8217;affichage</strong> des contenus Web pour l&#8217;adapter à ses besoins de consultation.</li>
<li>En 2009, il faut <strong>prendre en compte la diversité des publics et des usages</strong>. <strong>L&#8217;accessibilité technique ne suffit plus.</strong></li>
<li><strong>La question de l&#8217;accessibilité se déplace vers les internautes</strong> (le flux de données électroniques doit être transformable au niveau du poste de l&#8217;internaute).</li>
</ul>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="services">(2/3) Le Web en 2009 : des services spécialisés</h3>

<ul>
<li><strong>Les services spécifiques pour les personnes handicapées :</strong> <a href="http://www.accesstext.org/">AccessTextNetwork</a> (service aux Etats-Unis qui permet aux étudiants handicapés d&#8217;obtenir les cours et livres dans un format adapté).</li>
<li><strong>Les services spécifiques pour les personnes déficientes visuelles :</strong> <a href="http://www.robobraille.org/frontpage">Robobraille</a> (conversion automatique des documents dans un format accessible et envoi par courriel), <a href="http://www.webvisum.com/">WebVisum</a> (plugin Firefox permettant de résoudre les <acronym lang="en" title="Completely Automated Public Turing test to Tell Computers and Humans Apart">CAPTCHA</acronym> par <abbr lang="en" title="Optical Character Recognition">OCR</abbr>).</li>
<li><strong>Le Web pour les personnes sourdes :</strong> <a href="http://websourd.org">actualités en <abbr title="Langue des Signes Française">LSF</abbr></a>, <a href="http://www.france5.fr/oeil-et-main/archives/25858129-fr.php" class="broken_link" >Centre relais téléphoniques</a> (Etats-Unis), <a href="http://esourds.edf.fr/html/esourds/esourds.html">service eSourds (EDF)</a>.</li>
<li>&#8230;</li>
</ul>

<h4>Conclusion : l&#8217;accessibilité du Web, c&#8217;est plus que l&#8217;accessibilité des sites Web !</h4>

<p>L&#8217;accessibilité du Web, <strong>c&#8217;est aussi des services Web adaptés</strong> aux besoins des personnes.</p>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="web20">(3/3) Le Web en 2009 : le Web 2.0</h3>

<h4>Illustration du Web 2.0</h4>

<img src="/images/web1_0_vs_web2_0.jpg" alt="le Web 2.0 par rapport au Web 1.0" />

<img src="/images/web20.png" alt="le Web 2.0 (source : Wikipedia)" />

<h3>Comprendre le Web 2.0</h3>

<ul>
<li><strong>Définition :</strong> &laquo;&nbsp;le Web 2.0 est l&#8217;ensemble des technologies et les usages du World Wide Web qui ont suivi la forme initiale du web, en particulier les interfaces permettant aux internautes ayant peu de connaissances techniques d’interagir de façon simple à la fois avec le contenu et la structure des pages mais aussi entre eux, créant ainsi notamment le Web social.&nbsp;&raquo; [<a href="http://fr.wikipedia.org/wiki/Web_2.0">Web 2.0 sur Wikipedia</a>]</li>
<li><strong>Mots clés du Web 2.0 :</strong> une attitude et pas une technologie, internaute contributeur, expérience utilisateur riche, participation et pas publication, syndication et flux RSS, interaction, plateforme Web, partage, version beta permanente, optimisation du référencement et non du nom de domaine, les flux de données, management des données, décentralisation, tags et non des catégories (folksonomie contrairement à la taxonomie), la multiplicité des sources Web (&laquo;&nbsp;<span lang="en">long tail</span>&laquo;&nbsp;) et pas seulement quelques sites de référence, un système sans propriétaire, standards ouverts, intelligence collective et sagesse des foules (&laquo;&nbsp;<span lang="en">wisdom of crowds</span>&laquo;&nbsp;), blog (l&#8217;incrémental Web), wiki et non CMS, divers lecteurs Web et pas seulement les navigateurs Web, coopération et pas contrôle, <acronym lang="en" title="Application Programming Interface">API</acronym>, widgets, mashups, <acronym lang="en" title="Asynchronous Javascript and XML">AJAX</acronym>.</li>
<li><strong>Outils Web 2.0 :</strong> blogs, wiki, <span lang="en">social bookmarking</span>, réseaux sociaux&#8230;</li>
<li><strong>Exemples emblématiques :</strong> <a href="http://fr.wikipedia.org/">Wikipedia</a>, <a lang="en" href="http://www.google.com/reader">Google Reader</a>, <a lang="en" href="http://www.google.com/maps">Google Maps</a>, <a href="http://www.netvibes.com">Netvibes</a>, <a lang="en" href="http://www.flickr.com">Flickr</a>, <a href="http://www.delicious.com">Delicious</a>, <a lang="en" href="http://www.facebook.com">Facebook</a>.</li>
<li><strong>Le Web 2.0 évolue vers le &laquo;&nbsp;Web Temps Réel&nbsp;&raquo; :</strong> <a href="http://www.twitter.com">Twitter</a>, <a lang="en" href="http://wave.google.com">Google Wave</a>&#8230;</li>
</ul>

<h4>Conclusion : le Web 2.0 décentralise le Web des propriétaires de sites Web (Web 1.0) vers les internautes</h4>

<p>Les services Web deviennent de plus en plus des services Web 2.0. En 2012, les informations &laquo;&nbsp;Web Temps Réel&nbsp;&raquo; occuperont 25% du Web. <strong>Ces services et informations sont-ils et seront-ils accessibles ?</strong></p>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="problemes_solutions_web20">Problèmes et solutions pour l&#8217;accessibilité du Web 2.0</h3>

<h4>Illustrations de solutions d&#8217;accessibilité du Web 2.0</h4>

<a href="http://www.accessibletwitter.com/" lang="en"><img src="/images/accessible_twitter.jpg" alt="Accessible Twitter" /></a>
<a lang="en" href="http://sa.watson.ibm.com/"><img src="/images/social_acc_project.jpg" alt="Social Accessibility Project" /></a>
<a href="http://icant.co.uk/easy-youtube/" class="broken_link"  lang="en"><img src="/images/easy_youtube.jpg" alt="Easy YouTube" /></a>

<h4>Problèmes pour l&#8217;accessibilité du Web 2.0</h4> 
<ul>
<li><strong>Contenu dynamique :</strong> modification des habitudes de navigation qui peut entraîner une déstabilisation.</li>
<li><strong>L&#8217;internaute utilisant une aide technique n&#8217;est pas averti :</strong> mise à jour de zones d&#8217;information sans rechargement de la page,</li>
<li><strong>Pas de contrôle éditorial :</strong> contenus mis à jour par les internautes et non par le propriétaire du site (comparativement aux sites Web 1.0).</li>
<li><strong>L&#8217;ensemble de l&#8217;interface Web est interactif (application Web)</strong> alors que les aides techniques ne reconnaissent que les boutons et les liens comme objet d&#8217;interaction (très faible accessibilité au clavier).</li>
<li><strong>Changement des mécanismes d&#8217;interaction</strong> (exemples : les données sont sauvegardées au fur et à mesure qu&#8217;elles sont tapées et non après soumission d&#8217;un formulaire ; on peut réorganiser le positionnement des informations par la souris).</li>
<li><strong>Déconstruction de la notion de &laquo;&nbsp;site Web&nbsp;&raquo; :</strong> chaque internaute peut créer son site Web à partir des mêmes flux de données grâces aux widgets et aux mashups.</li>
<li><strong>Plusieurs manières d&#8217;utiliser un service Web 2.0 :</strong> à la différence des sites Web 1.0, l&#8217;internaute doit définir sa propre utilisation d&#8217;un service Web 2.0.</li>
<li><strong><acronym lang="en" title="Completely Automated Public Turing test to Tell Computers and Humans Apart">CAPTCHA</acronym> :</strong> ensemble de caractères présentés sous forme d&#8217;une image sans alternative.</li>
<li><strong>Langage non clair et explicite :</strong> les @replies, hastag et DM sur Twitter par exemple ou le langage SMS sans explication des sigles.</li>
</ul>

<h4>Solutions pour l&#8217;accessibilité du Web 2.0 : pas de solution unique</h4>
<ul>
<li><strong>Utilisabilité :</strong> si des problèmes d&#8217;accessibilité existent pour le Web 2.0, il faut aussi noter que beaucoup de services Web 2.0 sont plus simples et plus intuitifs à utiliser pour beaucoup d&#8217;internautes (meilleur design, ce qui est très important pour l&#8217;usage).</li>
<li><strong>Rendre accessible le code :</strong> les informations doivent avoir un code valide et respecter les règles d&#8217;accessibilités du <a href="http://www.w3.org/"><abbr lang="en" title="World Wide Web">W3C</abbr></a>/<a href="http://www.w3.org/WAI"><acronym lang="en" title="Web Accessibility Initiative">WAI</acronym></a> (<a href="http://www.w3.org/TR/WCAG20/"><acronym lang="en" title="Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a>) ; pour les applications Web, il faut appliquer les règles <a href="http://www.w3.org/TR/wai-aria/">WAI-<acronym lang="en" title="Accessible Rich Internet Applications">ARIA</acronym></a> (règles d&#8217;accessibilité définies par <a href="http://www.w3.org/"><abbr lang="en" title="World Wide Web">W3C</abbr></a>/<a href="http://www.w3.org/WAI"><acronym lang="en" title="Web Accessibility Initiative">WAI</acronym></a> pour rendre accessible les services Web utilisant <acronym lang="en" title="Asynchronous Javascript and XML">AJAX</acronym>) ; il y a aussi <a href="http://code.google.com/p/google-axsjax/">AxsJAX</a> (librairie de scripts <acronym lang="en" title="Accessible Rich Internet Applications">ARIA</acronym> définie par Google et permettant de rendre accessible au niveau serveur ou sur le poste client un service Web utilisant <acronym lang="en" title="Asynchronous Javascript and XML">AJAX</acronym>).</li>
<li><strong>S&#8217;appuyer sur une communauté :</strong> <a lang="en" href="http://sa.watson.ibm.com/">Social Accessibility Project</a> (réseau social permettant la correction en temps réel de l&#8217;accessibilité de toute page Web par des utilisateurs autorisés), <a href="http://scriptingenabled.org/" class="broken_link"  lang="en">Scripting Enabled</a> (communauté de développeurs qui créent des solutions alternatives accessibles aux services Web 2.0 existants comme YouTube, Flickr ou SlideShare).</li>
<li><strong>Développer des services Web alternatifs :</strong> les services Web 2.0 donnent le <strong>contrôle de ses flux d&#8217;informations à l&#8217;internaute</strong> (par exemple les flux RSS des blogs qui permettent à l&#8217;internaute de lire les articles des blogs non pas sur le site Web émetteur mais dans le lecteur de son choix) ; il est alors possible de développeur autant de lecteur adapté de ces flux d&#8217;informations qu&#8217;il y a de besoin de consultation (<a href="http://www.accessibletwitter.com/" lang="en">Accessible Twitter</a>, <a lang="en" href="http://tube.majestyc.net/">Accessible Interface to YouTube</a>, <a href="http://icant.co.uk/easy-youtube/" class="broken_link"  lang="en">Easy YouTube</a>, <a href="http://icant.co.uk/easy-flickr" lang="en">Easy Flickr</a>, <a href="http://www.wait-till-i.com/2008/06/22/easy-slideshare" class="broken_link"  lang="en">Easy SlideShare</a>).</li>
<li><strong>Déployer des solutions d&#8217;automatisation de l&#8217;accessibilité sur des services existants :</strong> <a lang="en" href="http://googleblog.blogspot.com/2009/11/automatic-captions-in-youtube.html">Automatic captions in YouTube</a>.</li>
<li><strong>Personnalisation et compensation des erreurs d&#8217;accessibilité de services Web existants au niveau du poste client :</strong> <a href="https://addons.mozilla.org/fr/firefox/addon/748" lang="en">GreaseMonkey</a>.</li>
</ul>

<h4>Conclusion : le Web 2.0 est une chance pour l&#8217;accessibilité&#8230; mais demande de structurer une nouvelle filière (méthodes, formation, services adaptés, réseaux sociaux pour l&#8217;accessibilité, etc.)</h4>

<ul>
<li>L&#8217;<strong>accessibilité du Web 2.0</strong> demande <strong>une compétence technique accrue</strong> et <strong>la prise en compte des usages</strong>.</li>
<li>La seule connaissance du <abbr lang="en" title="HyperText Markup Language">HTML</abbr> et des <a href="http://www.w3.org/TR/WCAG20/"><acronym lang="en" title="Web Content Accessibility Guidelines">WCAG</acronym> 2.0</a> ne suffit pas (nécessaire mais non suffisant).</li>
<li>Il faut étudier et <strong>centrer son développement Web 2.0 sur l&#8217;utilisateur</strong> et ses interactions.</li>
<li>Il faut (parfois) <strong>développer des solutions alternatives</strong> ou donner à l&#8217;utilisateur <strong>les outils lui permettant de modifier le comportement d&#8217;un service Web directement sur son poste client</strong>.</li>
<li>Il s&#8217;agit donc bien d&#8217;une <strong>Accessibilité 2.0</strong> en comparaison avec l&#8217;accessibilité des sites Web 1.0.</li>
</ul>

<p class="to-top"><a title="Retour au début du contenu" href="#titre_post_1"><img src="/images/to-top-content.png" alt="Retour au début du contenu" /></a></p>

<h3 id="synthese">Synthèse : l&#8217;accessibilité 2.0 englobe l&#8217;accessibilité 1.0</h3>

<ul>
<li>L&#8217;accessibilité 1.0 reste nécessaire car il y a encore beaucoup de sites Web 1.0. Elle commence à être bien connue et des filières de formation et des prestataires existent.</li>
<li>Mais le Web d&#8217;aujourd&#8217;hui c&#8217;est aussi : 
<ul>
<li>une grande diversité de publics aux besoins spécifiques,</li>
<li>des services Web spécialisés et pas seulement des sites,</li>
<li>et des flux d&#8217;informations Web 2.0 plutôt que des sites statiques.</li>
</ul></li>
<li>De nouvelles méthodes d&#8217;accessibilité et une approche à la fois plus technique et prenant en compte les usages sont nécessaires : c&#8217;est l&#8217;<strong>accessibilité 2.0</strong> !</li>
<li>La filière de formation des méthodologies et des prestataires de l&#8217;accessibilité 2.0 reste à développer.</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/accessibilite-20-bien-plus-quun-slogan/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ideose aux Roumics 2009 : &#171;&#160;Accessibilité 2.0, bien plus qu&#8217;un slogan&#160;&#187;</title>
		<link>http://www.ideose.eu/blog/accessibilite/ideose-roumics-2009-accessibilite-20/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/ideose-roumics-2009-accessibilite-20/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 21:07:45 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Accessibilité 2.0]]></category>
		<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Handicap]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Senior]]></category>
		<category><![CDATA[Web Temps Réel]]></category>
		<category><![CDATA[accessibilité 2.0]]></category>
		<category><![CDATA[accessibilité du Web]]></category>
		<category><![CDATA[réseau social]]></category>
		<category><![CDATA[seniors]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Web senior]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=2872</guid>
		<description><![CDATA[L’Association Nord Internet Solidaire (ANIS) vous donne rendez-vous le jeudi 26 novembre 2009, de 09h à 17h30, au MACC’S de Villeneuve d’Ascq (Métropole Auditorium pour la Culture, les Congrès et les Séminaires) pour une nouvelle édition Roumics, cette fois-ci sur le thème &#171;&#160;Accessibilité, Handicap et TIC&#171;&#160;. Vous y découvrirez notamment des initiatives pertinentes, innovantes et [...]]]></description>
			<content:encoded><![CDATA[<p>L’Association Nord Internet Solidaire (ANIS) vous donne rendez-vous le jeudi 26 novembre 2009, de 09h à 17h30, au MACC’S de Villeneuve d’Ascq (Métropole Auditorium pour la Culture, les Congrès et les Séminaires) pour une nouvelle édition <a href="http://www.roumics.com/"><acronym title="Rencontres OUvertes du Multimédia et de l'Internet Citoyen et Solidaire">Roumics</acronym></a>, cette fois-ci sur le thème <strong>&laquo;&nbsp;Accessibilité, Handicap et <acronym title="Technologie, Information et Communication">TIC</acronym>&laquo;&nbsp;</strong>.</p>

<p>Vous y découvrirez notamment des initiatives pertinentes, innovantes et reproductibles, menées autour de la thématique &laquo;&nbsp;Accessibilité, Handicap et <acronym title="Technologie, Information et Communication">TIC</acronym>&laquo;&nbsp;. Le lendemain, le vendredi 27 novembre 2009, ANIS organisera des visites sur le terrain, au sein de structures du territoire, dans le but de poursuivre les échanges et de découvrir &laquo;&nbsp;concrètement&nbsp;&raquo; certaines réalités (<a href="http://www.roumics.com/spip.php?page=contact">inscrivez-vous aux Roumics 2009</a>).</p>

<p>Lors des Roumics, Pierre GUILLOU, dirigeant d’Ideose, proposera une intervention sur le thème <strong>&laquo;&nbsp;Accessibilité 2.0 : bien plus qu’un slogan&nbsp;&raquo;</strong> dont voici un résumé (<a href="http://www.ideose.eu/blog/accessibilite/accessibilite-20-bien-plus-quun-slogan/">consulter la présentation de Pierre Guillou sur l&#8217;accessibilité 2.0</a>) :</p>

<blockquote>
<p>Le travail engagé depuis 10 ans par les acteurs de l’accessibilité du Web permet de disposer aujourd’hui d’un ensemble de méthodes, d’outils et de personnes qualifiées pour traiter l’accessibilité des sites &laquo;&nbsp;Web 1.0&#8243; (standards, référentiel et guide, formations, labels, loi…).</p>

<p>Cependant, le Web désigne aujourd’hui (et encore plus demain) une réalité multiple&nbsp;:</p>
<ul>
<li>Des publics divers consultant le Web d’une manière adaptée (personnes handicapées, seniors, utilisateurs de mobile, etc.)&nbsp;;</li>
<li>Des services Web spécialisés pour répondre à des besoins spécifiques (centres relais via le Web, etc.)&nbsp;;</li>
<li>Des flux d’information type réseaux sociaux et services &laquo;&nbsp;Web Temps Réel&nbsp;&raquo; (Twitter) qui permettent à chaque internaute de créer son Web (&laquo;&nbsp;Web 2.0&#8243;) et non de consulter des sites existants.</li>
</ul>

<p>Cette (r)évolution du Web n’élimine pas les sites &laquo;&nbsp;Web 1.0&#8243; (et donc le besoin d&#8217;&nbsp;&raquo;Accessibilité 1.0&#8243;) mais demande en ce qui concerne son accessibilité de définir une nouvelle approche. En effet, des solutions d’accessibilité existent mais reposent sur une compétence technique supplémentaire et sur une connaissance des nouveaux usages Web.</p>

<p>L’approche classique de l’accessibilité 1.0 ne suffit plus. Il faut penser et construire une &laquo;&nbsp;Accessibilité 2.0&#8243;.</p>
</blockquote>]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/ideose-roumics-2009-accessibilite-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Démocratie numérique : quels services Web pour le citoyen ?</title>
		<link>http://www.ideose.eu/blog/accessibilite/democratie-numerique-quels-services-web-pour-le-citoyen/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/democratie-numerique-quels-services-web-pour-le-citoyen/#comments</comments>
		<pubDate>Tue, 20 Oct 2009 09:35:40 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Accessibilité 2.0]]></category>
		<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Citoyen]]></category>
		<category><![CDATA[Handicap]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Senior]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=2758</guid>
		<description><![CDATA[L&#8217;obligation de mise en accessibilité des interfaces Web des sites Internet pour le secteur public (article 47 de la loi n°2005-102 du 11 février 2005) est comparable à celle imposant la mise en accessibilité des bâtiments recevant du public et de la voierie d&#8217;ici à 2015. Il s&#8217;agit là d&#8217;un premier pas nécessaire pour une [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;obligation de mise en accessibilité des interfaces Web des sites Internet pour le secteur public (<a href="http://www.legifrance.gouv.fr/affichTexte.do;jsessionid=BD2411D6D57C42E9B0A9F9ADEFE94AD2.tpdjo10v_2?cidTexte=JORFTEXT000000809647&amp;categorieLien=id">article 47 de la loi <acronym title="numéro">n°</acronym>2005-102 du 11 février 2005</a>) est comparable à celle imposant la mise en accessibilité des bâtiments recevant du public et de la voierie d&#8217;ici à 2015.</p>

<p>Il s&#8217;agit là d&#8217;un premier pas nécessaire pour une société accessible à tous, cela participe à l&#8217;évolution des mentalités mais ce n&#8217;est pas suffisant (l&#8217;article &laquo;&nbsp;<a href="http://www.ideose.eu/blog/accessibilite/accessibilite-eadministration-sites-web/">Accessibilité de l’e-administration : bien plus que les sites Web</a>&nbsp;&raquo; publié par Ideose le 21 septembre 2009 avait commencé à aborder ce sujet). En effet, les services Web mis en place par le secteur public &#8211; et en particulier à l&#8217;échelon local par les collectivités territoriales &#8211; doivent aussi <strong>répondre aux besoins des citoyens et améliorer l&#8217;efficacité des politiques publiques</strong>. Il faut donc créer ces services et pas seulement rendre accessibles les interfaces de consultation.</p>

<p>Aujourd&#8217;hui &#8211; et de manière simplifiée &#8211; les services Web des collectivités territoriales (par exemple les villes) proposent aux citoyens des informations et parfois des forums de discussion. Globalement, il s&#8217;agit là de permettre la circulation de l&#8217;information et l&#8217;expression des idées, ce qui est la base nécessaire pour la démocratie numérique.</p>

<p>Cependant, le rôle numérique des collectivités territoriales ne doit-il pas évoluer ? En plus de permettre l&#8217;expression d&#8217;idées, ne doivent-elles pas devenir opérateur de services Web aux citoyens sur des thématiques de sa vie quotidienne ?</p>

<p>Prenons l&#8217;exemple de <strong>l&#8217;aide au déplacement urbain des publics handicapés et seniors</strong>. Nous pouvons nous poser les questions suivantes :</p>
<ul>
<li>Quel est le rôle de la ville par rapport à ses citoyens sur ce sujet ?</li>
<li>Le Web peut-il apporter une solution ?</li>
<li>Le citoyen peut-il également être contributeur et pas seulement utilisateur d&#8217;un service Web ?</li>
</ul>

<p>Sur cette thématique, un projet coopératif en Suède à été testé avec succès dans la ville de Stockholm. Il s&#8217;agit du système e-Adept dont <a href="http://www.eadept.se/" title="vidéo en ligne sur le projet e-Adept">une vidéo est consultable en ligne (anglais)</a>.</p>

<p>Il s&#8217;agit d&#8217;un système d&#8217;aide au déplacement dans la ville utilisant le téléphone portable. Il guide la personne dans un itinéraire et lui permet de reporter des problèmes si elle est confrontée à des changements dans la ville. Le triple intérêt de ce système est :</p>
<ul>
<li>il suffit d&#8217;avoir un téléphone portable (pas d&#8217;achat d&#8217;appareil spécifique),</li>
<li>il s&#8217;adresse à tous (en particulier aux personnes avec un handicap visuel, avec un problème cognitif et aux personnes âgées) et pas seulement à une seule catégorie de personne,</li>
<li>les citoyens ne sont pas qu&#8217;utilisateurs, ils participent à l&#8217;amélioration de la ville en reportant les problèmes/changements rencontrés lors de leur déplacement.</li>
</ul>

<p>L&#8217;intérêt pratique et quotidien de ce service semble évident pour les citoyens. A l&#8217;inverse, le fait que la ville puisse récupérer les informations venant des citoyens lors de leur utilisation du service confirme l&#8217;intérêt pour les collectivités territoriales de participer à la mise en place de tels services.</p>

<p>La démocratie numérique de demain reposera peut-être alors sur un triple impératif : <strong>circulation de l&#8217;information, expression des idées et participation du citoyen</strong>. Le rôle numérique des collectivités territoriales sera alors de la rendre possible en mettant à la disposition du citoyen des services répondant à ses besoins.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/democratie-numerique-quels-services-web-pour-le-citoyen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Votre site Web sur les téléphones mobiles : un deuxième site ?</title>
		<link>http://www.ideose.eu/blog/accessibilite/votre-site-web-sur-les-telephones-mobiles-un-deuxieme-site/</link>
		<comments>http://www.ideose.eu/blog/accessibilite/votre-site-web-sur-les-telephones-mobiles-un-deuxieme-site/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 16:54:34 +0000</pubDate>
		<dc:creator>Pierre GUILLOU</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Accessibilité 2.0]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[accessibilité du Web]]></category>
		<category><![CDATA[lecteur d'écran]]></category>
		<category><![CDATA[Web mobile]]></category>

		<guid isPermaLink="false">http://www.ideose.eu/?p=393</guid>
		<description><![CDATA[Saviez-vous que moins de 10% des 55 millions de français abonnés à un opérateur mobile naviguent sur le Web via leur téléphone portable [source : Journal du Net - France : l'Internet mobile (21/11/2008)] ? Avant que les forfaits &#171;&#160;Web mobile&#160;&#187; illimités ne fassent leur apparitions (Origami chez Orange, Illimythics chez SFR, 3G+/EDGE chez Bouygues [...]]]></description>
			<content:encoded><![CDATA[<p>Saviez-vous que moins de 10% des 55 millions de français abonnés à un opérateur mobile naviguent sur le Web via leur téléphone portable [source : <a href="http://www.journaldunet.com/cc/05_mobile/mobile_internet_fr.shtml">Journal du Net - France : l'Internet mobile (21/11/2008)</a>] ?</p>
<p>Avant que les forfaits &laquo;&nbsp;Web mobile&nbsp;&raquo; illimités ne fassent leur apparitions (Origami chez <a href="http://www.orange.fr/">Orange</a>, Illimythics chez <a href="http://www.sfr.fr"><abbr title="Société Française du Radiotéléphone">SFR</abbr></a>, 3G+/EDGE chez <a href="http://www.bouyguestelecom.fr/">Bouygues telecom</a>), l&#8217;explication première donnée à cette situation était le coût de consultation. Cette cause évidente ne poussait pas les propriétaires de site Web (et leurs prestataires&#8230;) à faire une analyse détaillée des attentes et des usages des internautes mobiles. Les conséquences sur les sites Web sont à ce jour les suivantes :</p>
<ol>
	<li>les sites Web ne sont que très rarement testés sur les téléphones portables,</li>
	<li>les propriétaires de sites Web qui souhaitent aussi un accès mobile financent la création (et donc la maintenance) d&#8217;un second site Web dit &laquo;&nbsp;adapté&nbsp;&raquo; aux téléphones portables.</li>
</ol>
<p><strong>2 sites aujourd&#8217;hui, combien demain</strong> avec la multiplication des supports de consultation Web (ordinateurs, mobiles, télévision numérique, borne interactive&#8230;) et l&#8217;augmentation prévisible des internautes mobiles du fait des forfaits illimités ?</p>
<h3 id="para1_31mars09" class="content">Rendre consultable un site Web sur tous les supports de consultation</h3>
<p>Il ne s&#8217;agit pas bien sûr de nier les spécificités du Web mobile et d&#8217;affirmer qu&#8217;il suffit simplement d&#8217;appliquer les recommandations internationales du <a hreflang="en" href="http://www.w3.org/"><abbr title="World Wide Web Consortium" lang="en">W3C</abbr></a> pour obtenir un site Web consultable sur tous les supports : oui, le site Web ainsi conçu sera &laquo;&nbsp;techniquement accessible&nbsp;&raquo; sur tous les supports mais il ne sera pas nécessairement adapté à tous les supports et aux spécifités des usages.</p>
<p>Par conséquent, pour répondre de manière non dogmatique à cette question de quel site pour le Web mobile (et ainsi construire une méthodologie d&#8217;analyse adaptable aux autres objets de consultation existants et à venir), il faut tout simplement commencer par observer l&#8217;accès et la navigation sur un site Web via un téléphone portable (l&#8217;analyse gagne en pertinence si différents téléphones portables sont utilisés du fait de leurs différences).</p>
<p>Voici ci-après quelques observations sur l&#8217;utilisation Web du téléphone iPhone 3G de la société <a href="http://www.apple.com/fr/"><span lang="en">Apple</span></a> :</p>
<ul>
	<li><strong>moteur de recherche :</strong> saisie lente des lettres de la recherche du fait de la petite taille du clavier. Etre bien référencé et être listé dans les premiers résultats devient donc plus important que jamais car l&#8217;internaute se lassera à effectuer une recherche trop longue (pour l&#8217;affiner par exemple) comme il le fait sur un ordinateur.</li>
	<li><strong>temps d&#8217;accès :</strong> en utilisation Wifi ou 3G, la vitesse de téléchargement du site est acceptable mais devient problématique en accès <abbr title="Global System for Mobile" lang="en">GSM</abbr> standard quand la page Web est trop lourde (poids de fichier). La conséquence est l&#8217;interruption de l&#8217;accès au site par l&#8217;internaute.</li>
	<li><strong>consultation :</strong> sur l&#8217;iPhone, l&#8217;affichage des pages est adapté pour ne pas dépasser la largeur de l&#8217;écran, ce qui a comme conséquence la diminution significative de la taille des informations et le besoin de naviguer verticalement dans la page Web. Un zoom est alors systématiquement indispensable pour lire une partie de la page. Il y a donc perte de la vue d&#8217;ensemble et le temps de lecture par l&#8217;internaute des informations en est réellement augmenté.</li>
	<li><strong>navigation :</strong> l&#8217;absence de souris crée un vrai manque pour les internautes habitués à la souris sur ordinateur. L&#8217;écran tactile de l&#8217;iPhone sensible au mouvement du doigt ne compense pas totalement cette absence.</li>
	<li><strong>compatibilité technologique :</strong> les informations dans des technologies propriétaires (<span lang="en">Flash</span>, <span lang="en">Silverlight</span>, <span lang="en">Word</span>, <abbr title="Portable Document Format" lang="en">pdf</abbr>&#8230;) ne sont pas systématiquement lisibles sur tous les téléphones portables (par exemple, l&#8217;iPhone n&#8217;accepte pas à ce jour le <span lang="en">plugin Flash</span> sur son navigateur Safari).</li>
	<li><strong>lecture en extérieur :</strong> la luminosité d&#8217;un temps ensoleillé par exemple peut considérablement gêner la lecture d&#8217;une page Web ayant de faibles contrastes de couleurs.</li>
	<li><strong>temps de consultation :</strong> la mémoire de traitement de l&#8217;information et la durée des batteries étant plus faibles sur les téléphones portables que sur les ordinateurs, cela a un impact sur le temps de consultation de l&#8217;information. L&#8217;internaute a besoin d&#8217;une information ciblée sans artifice d&#8217;affichage (qui consomme du temps de calcul sur son téléphone portable).</li>
</ul>
<p>Ces observations d&#8217;usages du Web mobile appellent la <strong>mise en place de solutions dès la conception du site Web</strong>. Voici quelques propositions :</p>
<ul>
	<li><strong>moteur de recherche :</strong> être bien référencé grâce en particulier à des titres explicites de vos pages Web (et différentes sur chaque page) et à la structuration de votre information par niveau de titre (comme la structuration en titres de vos documents électroniques type <span lang="en">Word</span> ou <span lang="en">Open Office</span> : titre de paragraphe, puis de sous-paragraphe permettant de générer automatiquement une table des matières).</li>
	<li><strong>temps d&#8217;accès :</strong> réduisez la taille de vos pages Web (poids du fichier) en mettant vos informations de mise en forme dans des feuilles de styles, en optimisant le choix de vos images (présence nécessaire ? Evitez par exemple les textes en images parfois présents dans les menus de navigation ; dimensions diminuables ?), en n&#8217;imposant pas le déclenchement automatique d&#8217;objets multimédia (une vidéo par exemple).</li>
	<li><strong>consultation :</strong> évitez de bloquer l&#8217;affichage de vos informations pour permettre son adaptation à l&#8217;écran de votre téléphone portable (préférer les feuilles de style aux tableaux de mise en forme, ne bloquer pas la taille du texte) ; identifier techniquement et éditorialement vos zones d&#8217;informations (par des div et des titres par exemples).</li>
	<li><strong>navigation :</strong> donnez des liens d&#8217;accès rapide vers les éléments essentiels de votre page Web comme le menu de navigation, le moteur de recherche, le contenu informationnel et en bas de page mettez un lien de retour vers le haut de page.</li>
	<li><strong>compatibilité technologique :</strong> privilégiez le format <abbr title="Extended HyperText Markup Language" lang="en">(x)html</abbr> sur vos pages Web aux formats propriétaires ; donnez une alternative aux formats propriétaires quand ils sont utilisés comme une transcription textuelle pour une vidéo.</li>
	<li><strong>lecture en extérieur :</strong> optimiser les contrastes de couleurs, en particulier sur les informations et liens Web essentiels, pour permettre une consultation Web en environnement extérieur (luminosité plus grande qu&#8217;en intérieur).</li>
	<li><strong>temps de consultation :</strong> il faut une information ciblée et traitable rapidement par l&#8217;appareil mobile, ce qui invite à rationnaliser les effets superflus demandant du temps de calcul supplémentaire (exemple : une navigation multimédia créée pour se faire plaisir mais inutile pour l&#8217;internaute par rapport à une navigation classique).</li>
</ul>
<p>Appliquer les propositions précédentes revient à <strong>concevoir votre site Web dans le respect des recommandations internationales suivantes du <a hreflang="en" href="http://www.w3.org/"><abbr title="World Wide Web Consortium" lang="en">W3C</abbr></a></strong> :</p>
<ul id="reco_accessi_mobile">
	<li>les recommandations d&#8217;accessibilité pour les contenus Web : <a hreflang="en" href="http://www.w3.org/TR/WCAG20/"><acronym title="Web Content Accessibility Guidelines" lang="en">WCAG</acronym> 2.0</a></li>
	<li>les recommandations pour la portabilité des sites Web vers les mobiles : <a hreflang="en" href="http://www.w3.org/TR/mobile-bp/"><span lang="en">Mobile Web Best Practices 1.0</span></a></li>
</ul>
<p>A partir du moment où votre site Web respecte ces 2 recommandations (nombre important de règles identiques : lire le document <a hreflang="en" href="http://www.w3.org/TR/mwbp-wcag/"><span lang="en">Relationship between <abbr title="Mobile Web Best Practices" lang="en">MWBP</abbr> and <acronym title="Web Content Accessibility Guidelines" lang="en">WCAG</acronym></span></a>), <strong>votre site Web est &laquo;&nbsp;techniquement accessible&nbsp;&raquo; sur les supports fixes et mobiles de consultation Web</strong> (il est interopérable). C&#8217;est un premier pas qui semble aujourd&#8217;hui indispensable pour tous les sites Web vu l&#8217;augmentation prévisible de consultation du Web via les téléphones mobiles.</p>
<h3 id="para2_31mars09" class="content">Améliorer la pertinence de consultation d&#8217;un site Web en fonction du support de consultation</h3>
<p>Il reste à se poser la question de la pertinence pour l&#8217;internaute d&#8217;avoir accès à toutes les informations de votre site Web via par exemple un écran plus petit, sans souris et dans un contexte de mobilité.</p>
<p>La réponse dépend en premier lieu de la nature du contenu de votre site Web. Cependant, même dans les cas où en effet certains contenus ne sont pas pertinents sur un téléphone portable, <strong>il faut éviter de donner comme réponse technique le développement d&#8217;un second site Web</strong>. Le téléphone iPhone avec ses applications propose une solution à ce besoin d&#8217;afficher qu&#8217;une partie du contenu d&#8217;un site Web et montre ainsi qu&#8217;il est possible de sélectionner des zones d&#8217;informations issues du même site Web. Par ailleurs, si votre site Web s&#8217;affiche grâce à des feuilles de style, vous pouvez même changer son affichage pour l&#8217;adapter à votre téléphone portable.</p>
<p>En faisant cela dans le cas où votre choix est de proposer aux internautes un accès mobile spécifique à votre site Web, vous ne développez pas un second site : vous l&#8217;adaptez au support de consultation moyennant un effort de développement limité. Vous assurez ainsi l&#8217;existence d&#8217;une source unique d&#8217;information et vous préparez votre site Web aux évolutions de consultation Web qui vont se multiplier à l&#8217;avenir. Mais n&#8217;oubliez pas : développez votre site Web dans le respect des <a href="#reco_accessi_mobile">recommandations internationales du <abbr title="World Wide Web Consortium" lang="en">W3C</abbr></a>.</p>
<p><strong>Note :</strong> si vous voulez simuler le comportement de votre site Web sur un téléphone portable, vous pouvez utiliser l&#8217;application en ligne de dotMobi : <a lang="en" hreflang="en" href="http://emulator.mtld.mobi/emulator.php">dotMobi Emulator</a>.</p>
<h3 id="para3_31mars09" class="content">Exemple de consultation Web mobile : les personnes aveugles et le vocal</h3>
<p>Comme pour naviguer sur un site Web à partir d&#8217;un ordinateur, les personnes aveugles utilisent un logiciel dit &laquo;&nbsp;lecteur d&#8217;écran&nbsp;&raquo; sur leur téléphone portable. Ce logiciel vocalise le menu de navigation du téléphone ainsi que le contenu affiché et permet à la personne aveugle de contrôler sa consultation grâce à différentes fonctionnalités.</p>
<p>A ce jour, il existe 2 lecteurs d&#8217;écran pour vocaliser certains téléphones portables disponibles sur le marché :</p>
<ul>
	<li><a hreflang="en" href="http://www.codefactory.es/en/products.asp?id=283" class="broken_link" ><span lang="en">Mobile Speak</span></a> de la <a hreflang="en" href="http://www.codefactory.es/en/">société <span lang="en">Code Factory</span></a> (<a href="http://www.handicapzero.org/les-services/telephonie/solutions-pour-mobiles/mobile-speak/mobiles-compatibles.html">liste des téléphones portables compatibles</a>).</li>
	<li><a hreflang="en" href="http://www.nuance.com/talks/"><span lang="en">Talks</span></a> de la <a hreflang="en" href="http://www.nuance.com/">société Nuance</a>.</li>
</ul>
<p><strong>Note :</strong> le lecteur d&#8217;écran <span lang="en">Mobile Speak</span> est utilisable sur la plupart des systèmes d&#8217;exploitation qui équipent les téléphones mobiles :  Symbian, <span lang="en">Windows Mobile</span> (<span lang="en">Smartphones</span>, <span lang="en">Pocket</span> <abbr title="Personal Computer" lang="en">PC</abbr>) et <span lang="en">BlackBerry</span> (nom du lecteur d&#8217;écran : <span lang="en">Orator</span>). Il bénéficie des voix de synthèse <span lang="en">Text-to-Speech</span> créées par <a hreflang="en" href="http://www.acapela-group.com"><span lang="en">Acapela Group</span></a> et que vous pouvez tester en ligne à <a hreflang="en" href="http://www.acapela-group.com/text-to-speech-interactive-demo.html"><span lang="en">Acapela Text-to-Speech Interactive Demo</span></a>.</p>
<p>La démonstration d&#8217;utilisation d&#8217;un lecteur d&#8217;écran sur un site Web montre de manière évidente l&#8217;importance de développer votre site Web dans le respect des <a href="#reco_accessi_mobile">recommandations internationales du <abbr title="World Wide Web Consortium" lang="en">W3C</abbr></a>. S&#8217;il vous fallait une raison supplémentaire de le faire&#8230;</p>
<h3 id="para4_31mars09" class="content">Innovation : naviguer différemment sur le Web avec votre mobile</h3>
<p>Si les lecteurs d&#8217;écran permettent un rendu vocal d&#8217;un site Web via un téléphone mobile, d&#8217;autres applications de reconnaissance vocale vous permettent de piloter votre navigation Web.</p>
<p>Voici ci-après une video en anglais sur l&#8217;application <span lang="en">Google Mobile</span> pour l&#8217;iPhone. Quand on vous dit qu&#8217;il est temps de vous intéresser aux évolutions du Web mobile&#8230;</p>
<p><object width="445" height="364" data="http://www.youtube.com/v/y3z7Tw1K17A&amp;hl=fr&amp;fs=1&amp;color1=0x402061&amp;color2=0x9461ca&amp;border=1" type="application/x-shockwave-flash"><param name="src" value="http://www.youtube.com/v/y3z7Tw1K17A&amp;hl=fr&amp;fs=1&amp;color1=0x402061&amp;color2=0x9461ca&amp;border=1" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ideose.eu/blog/accessibilite/votre-site-web-sur-les-telephones-mobiles-un-deuxieme-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

