<?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>Darklg Blog &#187; Accessibilité</title>
	<atom:link href="http://darklg.me/category/accessibilite/feed/" rel="self" type="application/rss+xml" />
	<link>http://darklg.me</link>
	<description>Intégration, développement web, SEO, caféine</description>
	<lastBuildDate>Sat, 04 Feb 2012 12:09:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>C.A.U.S.E. : Créer des sites web de qualité</title>
		<link>http://darklg.me/2008/08/cause-creer-des-sites-web-de-qualite/</link>
		<comments>http://darklg.me/2008/08/cause-creer-des-sites-web-de-qualite/#comments</comments>
		<pubDate>Fri, 29 Aug 2008 12:01:39 +0000</pubDate>
		<dc:creator>Darklg</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[C.A.U.S.E.]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[Référencement]]></category>

		<guid isPermaLink="false">http://darklg.me/?p=117</guid>
		<description><![CDATA[On oublie souvent les principes qui sont essentiels à un site web de qualité. J&#8217;ai découvert via l&#8217;excellent blog NEOMA Interactive une stratégie de conception de sites web exposée sur un Forum Facebook par le développeur Mike Stover, nommée C.A.U.S.E., pour &#171;&#160;Cross-browser, Accessibility, Usability, and Search Engines&#160;&#187;. Au delà d&#8217;un moyen mnémotechnique simple, cette stratégie [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Fleur / Extrait de darklg, sur Flickr" href="http://www.flickr.com/photos/darklg/2808588570/"><img src="http://farm4.static.flickr.com/3173/2808588570_5944b55e2c_o.jpg" alt="Fleur / Extrait" width="500" height="125" /></a><br />
On oublie souvent les principes qui sont essentiels à un site web de qualité. J&#8217;ai découvert via l&#8217;excellent blog <a href="http://www.neoma-interactive.com/2008/08/28/cause-la-strategie-de-conception-via-webstandards/">NEOMA Interactive</a> une stratégie de conception de sites web exposée sur un <a href="http://www.facebook.com/topic.php?topic=4764&amp;post=21455&amp;uid=5500494189#post21455">Forum Facebook</a> par le développeur <strong>Mike Stover</strong>, nommée <acronym title="Cross-browser, Accessibility, Usability, and Search Engines.">C.A.U.S.E.</acronym>, pour &laquo;&nbsp;Cross-browser, Accessibility, Usability, and Search Engines&nbsp;&raquo;. Au delà d&#8217;un moyen mnémotechnique simple, cette stratégie rappelle les 4 points essentiels qui forment la qualité d&#8217;un site web.</p>
<h3>Cross-browser : Pour n&#8217;importe quel navigateur</h3>
<p>Bien que des initiatives existent pour<a href="http://www.jarodxxx.com/index.php?post/2008/05/29/Eliminer-IE-du-web-cest-possible-[300e-billet]"> faire disparaitre les navigateurs anciens et non respectueux des standards</a>, la lenteur de certaines administrations à renouveler leur parc informatique, et le manque de moyens de certaines communautés empêche certains d&#8217;accéder à des Sites Internet récents, et conçus sous des navigateurs tels que Mozilla Firefox. C&#8217;est pourquoi il reste important que les sites restent compatibles avec ces derniers, et bien qu&#8217;ils ne profitent pas de toutes les fonctionnalités, qu&#8217;ils aient au moins un accès propre vers le contenu.</p>
<h3>Accessibility : Accessible</h3>
<p>L&#8217;accessibilité est un point essentiel et méconnu de la création de sites Internet. Je vous invite à lire <a href="http://darklg.me/9/accessibilite-web-negligeable/">mon article en faveur de l&#8217;accessibilité web</a>, où vous trouverez ( je l&#8217;espère ) de nombreux arguments à ce sujet <img src='http://darklg.me/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3>Usability: Ergonomique ( Utilisable )</h3>
<p>Trop de sites sont conçus par des développeurs pour le grand public, ce qui conduit à une mauvaise compréhension du fonctionnement du site par ces derniers, et potentiellement, une fermeture de fenêtre de navigateur. C&#8217;est pourquoi il reste important de faire tester votre site par quelqu&#8217;un qui ne connait que les bases de l&#8217;Internet : un proche, un voisin, un ami &#8230; C&#8217;est très instructif, vous verrez <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h3>Search Engines : Référencé</h3>
<p>Un site web doit aussi être correctement référencé : au delà du bénéfice évident d&#8217;apparaître en première page sur un moteur de recherche, il est important que votre page soit &nbsp;&raquo; Trouvable &laquo;&nbsp;, c&#8217;est à dire que les gens posant une question dont la réponse se trouve dans vos pages doivent pouvoir la trouver rapidement ! Pour celà, il est essentiel de respecter les standards, de coder de manière sémantique, et d&#8217;utiliser à bon escient les outils du marché <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h3>Pour Conclure</h3>
<p>Je terminerais sur une citation de <cite>Mike Stover</cite> : <q lang="en" cite="http://www.new.facebook.com/topic.php?topic=4764&amp;post=21455&amp;uid=5500494189#post21455">The C.A.U.S.E. has proven to bring our clients success on the web and ever increasing ROI.</q><br />
( Traduction à l&#8217;arrachée : Il a été prouvé que le système C.A.U.S.E. a apporté le succès de nos clients sur le web, et même amélioré leur Retour sur Investissement )</p>
<p>PS : Pour certains articles sans illustration, je rajouterais un extrait d&#8217;une de mes photos &#8230; ça égaie toujours un Google Reader <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Mise à jour du 30 Août 2008 :<br />
Hey Hey ! Après avoir contacté le développeur Mike Stover via Facebook, ce dernier m&#8217;a informé qu&#8217;il commençait une série d&#8217;articles à ce sujet : <a lang="en" href="http://www.scowers.com/">Scowers.com</a>. N&#8217;hésitez pas à y faire un tour <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://darklg.me">Darklg Blog</a> &copy; 2012<br />
	Lien vers l'article original : <a href="http://darklg.me/2008/08/cause-creer-des-sites-web-de-qualite/">C.A.U.S.E. : Créer des sites web de qualité</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+C.A.U.S.E.+%3A+Cr%C3%A9er+des+sites+web+de+qualit%C3%A9&amp;url=http://darklg.me/2008/08/cause-creer-des-sites-web-de-qualite/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://darklg.me/2008/08/cause-creer-des-sites-web-de-qualite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un Ordinateur pour les aveugles</title>
		<link>http://darklg.me/2008/05/un-ordinateur-pour-les-aveugles/</link>
		<comments>http://darklg.me/2008/05/un-ordinateur-pour-les-aveugles/#comments</comments>
		<pubDate>Sun, 25 May 2008 23:56:36 +0000</pubDate>
		<dc:creator>Darklg</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[aveugle]]></category>

		<guid isPermaLink="false">http://darklg.me/?p=15</guid>
		<description><![CDATA[Dans cette vidéo réalisée par Christophe Rousseau, de l&#8217;Universite de Nice Sophia Antipolis, nous pouvons suivre le quotidien de Pierre, aveugle depuis plus de 20 ans, et de son utilisation d&#8217;un ordinateur, et d&#8217;Internet. On comprend tout de suite beaucoup mieux l&#8217;importance de la hiérarchisation des pages, des intitulés de liens clairs et en rapport [...]]]></description>
			<content:encoded><![CDATA[<p>Dans cette vidéo réalisée par <a href="mailto:christophe.rousseau@unice.fr">Christophe Rousseau</a>, de l&#8217;<a href="http://portail.unice.fr/jahia/page4352.html">Universite de Nice Sophia Antipolis</a>, nous pouvons suivre le quotidien de Pierre, aveugle depuis plus de 20 ans, et de son utilisation d&#8217;un ordinateur, et d&#8217;Internet.</p>
<p>On comprend tout de suite beaucoup mieux l&#8217;importance de la hiérarchisation des pages, des intitulés de liens clairs et en rapport avec le lien.</p>
<p><object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/Kz1AQ4dqxgA&#038;hl=fr"><param name="movie" value="http://www.youtube.com/v/Kz1AQ4dqxgA&#038;hl=fr" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><span>Aie, la vidéo ne s&#8217;affiche pas &#8230; Essayez en passant par le blog <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </span><br />
</object></p>
<p>En espérant que cette vidéo vous fasse prendre conscience de l&#8217;importance de l&#8217;accessibilité <img src='http://darklg.me/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://darklg.me">Darklg Blog</a> &copy; 2012<br />
	Lien vers l'article original : <a href="http://darklg.me/2008/05/un-ordinateur-pour-les-aveugles/">Un Ordinateur pour les aveugles</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Un+Ordinateur+pour+les+aveugles&amp;url=http://darklg.me/2008/05/un-ordinateur-pour-les-aveugles/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://darklg.me/2008/05/un-ordinateur-pour-les-aveugles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Un pas de plus vers l’accessibilité avec Voyages-SNCF.com</title>
		<link>http://darklg.me/2008/05/accessibilite-voyages-sncf/</link>
		<comments>http://darklg.me/2008/05/accessibilite-voyages-sncf/#comments</comments>
		<pubDate>Mon, 19 May 2008 23:04:09 +0000</pubDate>
		<dc:creator>Darklg</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[sncf]]></category>
		<category><![CDATA[voyages]]></category>

		<guid isPermaLink="false">http://darklg.me/?p=13</guid>
		<description><![CDATA[Le nouveau site Voyages-SNCF a été beaucoup décrié par les visiteurs de Techcrunch France, avec 67% de déçus, ces derniers reprochant, entre autres, un manque de fluidité, d&#8217;AJAX, des plantages récurrents, et bien d&#8217;autres. Mais un article de 01net.com m&#8217;a amené à considérer un travail important et peu visible dans ce cas de figure : [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/darklg/2507017840/" title="VoyagesSNCFAccessibilite de darklg, sur Flickr"><img src="http://farm4.static.flickr.com/3002/2507017840_0a34875d94_o.png" alt="VoyagesSNCFAccessibilite" /></a><br />
Le nouveau site <a href="http://www.voyages-sncf.com">Voyages-SNCF</a> a été beaucoup décrié par les visiteurs de <a href="http://fr.techcrunch.com/2008/05/14/fr-voyages-sncfcom-que-pensez-vous-du-nouveau-design/">Techcrunch France</a>, avec 67% de déçus, ces derniers reprochant, entre autres, un manque de fluidité, d&#8217;AJAX, des plantages récurrents, et bien d&#8217;autres.</p>
<p>Mais un article de <a href="http://www.01net.com/editorial/380252/comment-voyages-sncf.com-a-travaille-son-accessibilite/">01net.com</a> m&#8217;a amené à considérer un travail important et peu visible dans ce cas de figure : une prise en compte de l&#8217;<a href="http://darklg.me/9/accessibilite-web-negligeable/">accessibilité</a>.</p>
<p>On constate ainsi un travail certain :</p>
<ul>
<li>Des liens d&#8217;évitement pour sauter le long menu principal</li>
<li>Des formulaires utilisant des LABEL, FIELDSET explicites</li>
<li>Un code XHTML propre et presque valide</li>
<li>Un site réactif dans l&#8217;ensemble</li>
</ul>
<p>Ces quelques points sont essentiels pour un site accessible aujourd&#8217;hui, malheureusement, beaucoup d&#8217;autres problèmes subsistent :</p>
<ul>
<li>Un scrolling Horizontal en 1024*768</li>
<li>Une redirection automatique inefficace sans javascript</li>
<li>Un manque de liens d&#8217;évitements intra-formulaires : devoir parcourir les 5 profils de voyageurs éventuels, c&#8217;est marrant, sauf quand on veut partir seul ou à deux.</li>
<li>des entités mal écrites ( des &#038; au lieu de & amp; ) : peuvent être mal interprétées</li>
<li>des chargements en AJAX inutiles : sur la page d&#8217;accueil, il serait vraiment utile que le formulaire de réservation rapide soit inclus coté serveur, et non côté client via une requête XML.<br />
Cela profiterait aux personnes qui n&#8217;ont pas le temps de fouiller le menu du haut &#8230;</li>
<li>Le dernier, pas des moindres : des menus déroulants via des formulaires. Autant côté sémantique qu&#8217;accessibilité, c&#8217;est très déconseillé.</li>
</ul>
<p>Pour conclure, un travail évident sur l&#8217;accessibilité, mais oubliant certains points vraiment utiles.<br />
Malgré ce bilan mitigé, je félicite l&#8217;équipe de <a href="http://www.voyages-sncf.com">Voyages-Sncf.com</a> pour leur travail. Un site destiné au grand public qui prend en compte des normes d&#8217;accessibilité, c&#8217;est non seulement exemplaire, mais aussi encourageant pour l&#8217;avenir du web <img src='http://darklg.me/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://darklg.me">Darklg Blog</a> &copy; 2012<br />
	Lien vers l'article original : <a href="http://darklg.me/2008/05/accessibilite-voyages-sncf/">Un pas de plus vers l’accessibilité avec Voyages-SNCF.com</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+Un+pas+de+plus+vers+l%E2%80%99accessibilit%C3%A9+avec+Voyages-SNCF.com&amp;url=http://darklg.me/2008/05/accessibilite-voyages-sncf/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://darklg.me/2008/05/accessibilite-voyages-sncf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>L&#039;Accessibilité Web, négligeable ?</title>
		<link>http://darklg.me/2008/05/accessibilite-web-negligeable/</link>
		<comments>http://darklg.me/2008/05/accessibilite-web-negligeable/#comments</comments>
		<pubDate>Wed, 07 May 2008 09:36:38 +0000</pubDate>
		<dc:creator>Darklg</dc:creator>
				<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[handicaps]]></category>
		<category><![CDATA[utilisabilité]]></category>

		<guid isPermaLink="false">http://darklg.me/?p=9</guid>
		<description><![CDATA[L&#8217;accessibilité Web est une notion souvent nébuleuse, qui est souvent mise de côté dans le développement d&#8217;un projet, pour n&#8217;y revenir que de manière succincte, quelques jours avant la mise en production. Cette partie d&#8217;un projet est pourtant essentielle, et devrait être prise en compte dès la conception du cahier des charges. On m&#8217;a souvent [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;<strong>accessibilité Web</strong> est une notion souvent nébuleuse, qui est souvent mise de côté dans le développement d&#8217;un projet, pour n&#8217;y revenir que de manière succincte, quelques jours avant la mise en production.<br />
Cette partie d&#8217;un projet est pourtant essentielle, et devrait être prise en compte dès la conception du cahier des charges.</p>
<p>On m&#8217;a souvent fait la réflexion que l&#8217;accessibilité était un processus inutile, qu&#8217;il était inutile de se prendre la tête pour les handicapés, car ils n&#8217;étaient pas la cible première du site.</p>
<p>Il est impératif de savoir que l&#8217;accessibilité n&#8217;est pas le fait de proposer un contenu &laquo;&nbsp;accessible aux handicapés&nbsp;&raquo;, mais un contenu accessible à tous !</p>
<p>En effet, nombreuses sont les personnes dont le surf sur le Web peut être contrarié :</p>
<ul>
<li>Les séniors, pouvant avoir une mauvaise vue, et peu de pratique concernant la navigation sur le Web.</li>
<li>Ceux qui se connectent depuis des terminaux mobiles, ou des ordinateurs avec des écrans peu adaptés ( Si vous n&#8217;êtes jamais tombés sur le Windows 98 en résolution 800&#215;600, 256 couleurs, dernier ordinateur disponible au fond de la salle informatique, pour aller consulter un mail urgent, et y répondre &#8230;. quelle chance <img src='http://darklg.me/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  )</li>
<li>Les possesseurs d&#8217;ordinateurs à problème : connexion très ralentie / instable, souris désactivée, ordinateur qui rame &#8230;</li>
<li>Utilisateurs d&#8217;un navigateur non compatible.</li>
<li>Les handicapés visuels : Personnes atteintes de <a title="Definition du Daltonisme sur Wikipédia" rel="external" href="http://fr.wikipedia.org/wiki/Daltonisme">Daltonisme</a>, Personnes ayant une mauvaise vue, Aveugles.</li>
<li>Les handicapés moteurs : Tremblements, Paralysies des membres, etc.</li>
<li>Les &#8230; moteurs de recherche !</li>
</ul>
<p>Vous pouvez du jour au lendemain entrer dans ces conditions de mauvais accès au Web, et ainsi regretter que votre site préféré n&#8217;ait pas pris en compte quelques recommandations simples, qui feront l&#8217;objet d&#8217;un article suivant.</p>
<p>L&#8217;<strong>accessibilité Web</strong> peut être vue comme l&#8217;assurance qu&#8217;un site sera lisible dans toutes conditions, et selon moi, lié à une interopérabilité des sites Internet et de leur contenu, entre les différentes méthodes d&#8217;accès au web.</p>

<hr />
<p style="font-size : 10px;">
	Un article publi&eacute; sur <a href="http://darklg.me">Darklg Blog</a> &copy; 2012<br />
	Lien vers l'article original : <a href="http://darklg.me/2008/05/accessibilite-web-negligeable/">L&#039;Accessibilité Web, négligeable ?</a><br />
	<a rel="external nofollow" href="http://minurl.fr/?twitter&amp;titrelien=Darklg+Blog+%3A+L%26%23039%3BAccessibilit%C3%A9+Web%2C+n%C3%A9gligeable+%3F&amp;url=http://darklg.me/2008/05/accessibilite-web-negligeable/" title="Envoyer vers Twitter, avec MinURL !">Partager cet article sur Twitter</a>
</p>]]></content:encoded>
			<wfw:commentRss>http://darklg.me/2008/05/accessibilite-web-negligeable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

