<?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>Ecrire pour le Web @ WAW &#187; accessibilité</title>
	<atom:link href="http://www.ecrirepourleweb.com/tag/accessibilite/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ecrirepourleweb.com</link>
	<description>Rédaction Web &#38; Communication en ligne</description>
	<lastBuildDate>Mon, 30 Jan 2012 09:51:40 +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>Le fil RSS et le tag expliqués aux enfants</title>
		<link>http://www.ecrirepourleweb.com/redaction-web/le-fil-rss-et-le-tag-expliques-aux-enfants</link>
		<comments>http://www.ecrirepourleweb.com/redaction-web/le-fil-rss-et-le-tag-expliques-aux-enfants#comments</comments>
		<pubDate>Mon, 14 Mar 2011 14:29:30 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[Web social]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[formats éditoriaux]]></category>
		<category><![CDATA[marketing de contenu]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=3582</guid>
		<description><![CDATA[Les concepts de "tags" et "fil RSS", bien que rentrés dans notre usage du Web, restent encore, pour certains, des notions abstraites. Les éditions Milan les expliquent aux enfants...]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fle-fil-rss-et-le-tag-expliques-aux-enfants"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Fredaction-web%2Fle-fil-rss-et-le-tag-expliques-aux-enfants&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Les concepts de &laquo;&nbsp;fil RSS&nbsp;&raquo; et de &laquo;&nbsp;tag&nbsp;&raquo;, bien que rencontrés tous les jours dans notre usage du Web restent encore, pour certains, des notions abstraites. On le sait, un des moyens les plus fiables pour s&#8217;assurer que vos cibles comprennent votre propos, c&#8217;est de supprimer toutes les couches d&#8217;abstraction: d&#8217;expliquer le concept le plus clairement, avec des mots simples, en suivant une logique graduelle, proche des référents de vos audiences.</p>
<p><span id="more-3582"></span></p>
<h2>Qu&#8217;est-ce qu&#8217;un fil RSS</h2>
<p>Sur <a title="La définition sur Wikipédia" href="fr.wikipedia.org/wiki/Fil_rss" target="_blank">Wikipedia</a>, la définition est courte&#8230; et abstraite: &laquo;&nbsp;RSS désigne une famille de formats XML utilisés pour la syndication de contenu Web&nbsp;&raquo;.</p>
<p>Sur l&#8217;excellent Journal du Net, on donne la définition suivante du <a title="Lire l'article (assez récent, notons-le)" href="http://www.journaldunet.com/solutions/0410/041029_faq_rss.shtml" target="_blank">fil (flux) RSS</a> :</p>
<blockquote><p>&laquo;&nbsp;Il s&#8217;agit d&#8217;un fichier texte particulier (&#8230;) dont le contenu est produit automatiquement (sauf cas exceptionnels) en fonction des mises à jour d&#8217;un site Web. Ce contenu est laissé au libre choix du producteur du flux, mais très généralement se compose des titres des mises à jour (par exemple : &laquo;&nbsp;nouvelle promotion&nbsp;&raquo;), des liens hypertextes correspondants, et de descriptions, en quelques lignes, de ces mises à jour (par exemple : &laquo;&nbsp;Prix sacrifiés sur la mémoire pendant trois jours. Profitez-en&nbsp;&raquo;).</p></blockquote>
<p>Enfin, voici le fil RSS expliqué aux enfants. Le clip est inspiré d&#8217;une très bonne série en anglais : &nbsp;&raquo;<a title="Vir le clip original en anglais" href="http://www.commoncraft.com/rss_plain_english" target="_blank">RSS in plain english</a>&nbsp;&raquo;<br />
<a href="http://www.ecrirepourleweb.com/wp-content/FilRSSexpliqueauxenfants.png"><img class="size-medium wp-image-3588 alignnone" style="margin-top: 20px; margin-bottom: 20px; margin-left: 70px; margin-right: 50px;" title="FilRSSexpliqueauxenfants" src="http://www.ecrirepourleweb.com/wp-content/FilRSSexpliqueauxenfants-300x169.png" alt="Le fil RSS expliqué aux enfants - Une vidéo disponible sur YouTube" width="300" height="169" /></a></p>
<p style="text-align: left;"><a href="http://www.youtube.com/watch?v=smdlRrXasjg">Regardez la vidéo sur YouTube</a></p>
<p>&nbsp;</p>
<h2>Qu&#8217;est-ce qu&#8217;un tag?</h2>
<p>&laquo;&nbsp;Un tag (ou étiquette, marqueur, libellé) est un mot-clé (signifiant) ou terme associé ou assigné à de l&#8217;information (par exemple une image, un article, ou un clip vidéo), qui décrit ainsi l&#8217;objet et permet une classification des informations basée sur les mots-clés&nbsp;&raquo;, vous dit <a title="Qu'est-ce qu'un tag" href="http://www.ecrirepourleweb.com/wp-admin/fr.wikipedia.org/wiki/Tag_(m%C3%A9tadonn%C3%A9e)" target="_blank">Wikipédia</a>.</p>
<p>&laquo;&nbsp;Le tag est un marqueur particulier présent dans un document pour donner des attributs aux différentes parties de celui-ci. Par exemple, dans un fichier HTML, des balises sont utilisées afin de déterminer la mise en page des diffétrentes parties du contenu. Par exemple dans l&#8217;exemple ci-dessous le mot &laquo;&nbsp;vie&nbsp;&raquo; est mis en gras par la balise &laquo;&nbsp;b&nbsp;&raquo; du HTML&nbsp;&raquo; lit-on dans le <a title="Voir le glossaire" href="http://www.trackbusters.fr/definition-tag.html" target="_blank">glossaire SEO/marketing</a> de ce prestataire.</p>
<p>Un <em>tag,</em> en anglais, c&#8217;est une étiquette. Un <em>tag</em> sur un site web, c&#8217;est un <em>mot-clé</em>. Ainsi voit-on fleurir sur nombre de blogs ces pâtés de mots-clés élégants que l&#8217;on appelle des<em>nuages de mots-clés</em> ou <em>nuages de tags</em> ou <em>tagclouds</em> en bon anglais. Lorsqu&#8217;il y aura un peu plus de contenu sur Dicoblog, vous pourrez admirer un beau <em>nuage de tags</em> ci-contre à droite à la place de la ridicule petite <em>brume de</em> <em>tags</em> actuelle&#8230; découvre-t-on enfin sur le blog <a title="Le blog des blogs" href="http://dicoblog.canalblog.com/archives/2008/10/06/10840441.html" target="_blank">Dicoblog</a>.</p>
<p>Et puis, il y a les tags (de la blogosphère) expliqués aux enfants&#8230;</p>
<p><a href="http://www.ecrirepourleweb.com/wp-content/Tags-expliques-aux-enfants.png"><img class="size-medium wp-image-3589 alignnone" style="margin-top: 20px; margin-bottom: 20px; margin-left: 70px; margin-right: 50px;" title="Tags expliques aux enfants" src="http://www.ecrirepourleweb.com/wp-content/Tags-expliques-aux-enfants-300x169.png" alt="Les tags expliqués aux enfants" width="300" height="169" /></a></p>
<p style="text-align: left;"><a href="http://www.youtube.com/watch?v=xRbdhsf9LCM">Regardez la vidéo sur YouTube</a></p>
<p style="text-align: left;">Ces deux vidéos ont été réalisées par les éditions Milan, en parallèle à l&#8217;ouvrage intitulé &laquo;&nbsp;<a title="Voir la fiche du livre &quot;Mais non je blogue&quot;" href="http://www.editionsmilan.com/40a25ab0/Mais-non-je-blogue.html" target="_blank">Mais non, je blogue</a>&nbsp;&raquo; publié en 2008.</p>
<p style="text-align: left;">&nbsp;</p>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/strategie-de-contenu-et-marketing-editorial-pour-le-tourisme' title='Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme'>Stratégie de contenu et marketing éditorial pour l&#8217;e-tourisme</a></li>
<li><a href='http://www.ecrirepourleweb.com/medias-sociaux/un-blog-le-mailing-une-page-facebook-pourquoi-lubiquite' title='Un blog, l&#8217;e-mailing, une page Facebook: pourquoi l&#8217;ubiquité?'>Un blog, l&#8217;e-mailing, une page Facebook: pourquoi l&#8217;ubiquité?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/comment-habiter-son-blog-quels-sujets-quel-angle-quelle-relation' title='Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?'>Comment &laquo;&nbsp;habiter&nbsp;&raquo; son blog: quels sujets, quel angle, quelle relation?</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/pourquoi-bloguer-10-bonnes-raison-de-creer-un-blog-corporate' title='Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate'>Pourquoi bloguer? 10 bonnes raisons de créer un blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/outils-widgets/recevez-gratuitement-le-guide-waw-du-blogging-corporate' title='Recevez gratuitement le guide WAW du blogging corporate'>Recevez gratuitement le guide WAW du blogging corporate</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/redaction-web/le-fil-rss-et-le-tag-expliques-aux-enfants/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une boussole pour vos pages Web</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/une-boussole-pour-vos-pages-web</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/une-boussole-pour-vos-pages-web#comments</comments>
		<pubDate>Fri, 21 May 2010 06:12:09 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[hypertexte]]></category>

		<guid isPermaLink="false">http://www.ecrirepourleweb.com/?p=2166</guid>
		<description><![CDATA[Le terme de wayfinding fait référence au processus commun d'orientation, d'identification et d'information visuelle dans un espace. Une approche qui s’applique parfaitement à l'organisation de l'information et l'architecture de vos pages Web...]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fune-boussole-pour-vos-pages-web"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fune-boussole-pour-vos-pages-web&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Vous connaissez le concept de wayfinding? Le terme fait référence au processus commun d&#8217;orientation, d&#8217;identification et d&#8217;information visuelle dans un espace. Une approche qui s’applique parfaitement à l&#8217;organisation de l&#8217;information et l&#8217;architecture de vos pages Web&#8230;</p>
<h2><span id="more-2166"></span>Dis-moi où je suis, je te dirai où je vais</h2>
<p>Tout visiteur, dans une ville étrangère par exemple, se pose 3 questions par rapport à l&#8217;espace environnant. Il veut pouvoir aisément:</p>
<ul>
<li><strong>Repérer sa situation</strong> &#8211; Le visiteur doit pouvoir se situer ici et maintenant.</li>
<li><strong>Décider de son orientation</strong> &#8211; Le visiteur doit pouvoir faire un choix délibéré d’orientation (pour autant qu’on lui indique le chemin pour aller où il veut).</li>
<li><strong>Se représenter l’espace</strong> &#8211; Le visiteur peut-il se représenter l’espace dans lequel il évolue (ses clics et actions doivent lui permettre de prédire où il va aboutir).</li>
</ul>
<p>Ces 3 critères ont été élaborés dans les années 60 par l&#8217;architecte Kevin Lynch, qui leur a attribué conjointement le terme de &laquo;&nbsp;wayfinding&nbsp;&raquo;, un concept qui désigne le processus d&#8217;orientation, d&#8217;identification et d&#8217;informations visuelles dans un lieu.<br />
<a href="http://www.ecrirepourleweb.com/wp-content/wayfinding_1.png"><img class="size-full wp-image-2194 alignright" title="wayfinding_1" src="http://www.ecrirepourleweb.com/wp-content/wayfinding_1.png" alt="2 panneaux illustrant des accès aux ascenseurs ou au parking sur le toit. Purement illustratif" width="178" height="147" /></a></p>
<p>Dans sa recherche, Lynch a repéré que, généralement, les gens associent leur environnement à 5 types &laquo;&nbsp;d&#8217;outils&nbsp;&raquo;:</p>
<p>1. Des <strong>chemins</strong> : les rues, passages, tracés et chemins familiers (bus, métro, itinéraire boulot-dodo, etc.)<br />
2. Des <strong>frontières</strong> : les frontières physiques incarnées par des clôtures, des murs, des rivières, des lignes de rivage, etc.)<br />
3. Des <strong>zones</strong> : des lieux incarnant une identité particulière &#8211; le Marais à Paris, China Town à New York, les Marolles ou Matongé à Bruxelles, &#8230;)<br />
4. Des <strong>embranchements</strong> : les croisements réputés dans les lieux publics (Place de l&#8217;Étoile à Paris, Schumann à Bruxelles, l&#8217;horloge de Grand Central, à New York, l&#8217;horloge sur la place de la Vieille ville à Prague, &#8230;)<br />
5. Des <strong>points de repère </strong>: des points, insignifiants en tant que tels, discrets, qui aident à s&#8217;orienter sur les longues distances (les deux traits des GR, le coquillage de Compostelle, les bornes des routes, etc.)</p>
<p>Transposez ces 5 éléments sur le Web, et vous ne perdrez plus vos malheureux visiteurs en chemin. Même si le Web est un espace particulier, virtuel et non tangible, les comportements spatiaux et réflexes y sont les mêmes : nous voulons savoir où nous sommes, où nous allons et comment nous diriger de manière autonome et instinctive.</p>
<h2>Le wayfinding dans l&#8217;espace du Web</h2>
<p>Transposons au Web &#8211; où l&#8217;une de nos principales activités mentales consiste à ne pas nous perdre &#8211; ou, à tout le moins, à vérifier que nous sommes sur la bonne voie &#8211; les 5 éléments que nous utilisons dans l&#8217;espace physique pour nous orienter et nous situer.</p>
<p>1. Les <strong>chemins</strong> : créez des chemins de navigation clairs sur votre site Web (le plan de site, les diagrammes des tâches et modèles d&#8217;utilisation devraient vous y aider)<br />
2. Les <strong>frontières</strong> : indiquez clairement lorsque les hyperliens, boutons, incitants, etc. emmènent le visiteur hors (ou non) les limites du site Web courant.<br />
3. Les <strong>zones</strong> : attribuez à chaque rubrique particulière une identité, un &laquo;&nbsp;paysage&nbsp;&raquo; propre &#8211; sans la dissocier complètement de son environnement plus large.<br />
4. Les <strong>embranchements</strong> : Optimisez vos pages d&#8217;orientation pour qu&#8217;elles soient des carrefours, des totems clairs et avenants. Ne multipliez pas inutilement les embranchements: vous risqueriez d&#8217;effrayer votre visiteur en mouvement.<br />
5. Les <strong>points de repère</strong> : votre fil d&#8217;Ariane, votre navigation principale et locale, le graphisme des pages, les styles typographiques sont autant de signes qui doivent guider le visiteur sur le &laquo;&nbsp;long cours&nbsp;&raquo;.</p>
<p>Tous ces &laquo;&nbsp;outils&nbsp;&raquo; doivent répondre précisément et simultanément aux besoins de l’internaute : le situer, lui fournir immédiatement un signal pour prendre une décision d’orientation, lui fournir une image cérébrale de l’espace dans lequel il évolue, et le guider par intuition vers sa destination. En permanence, vous devez permettre à vos visiteurs d’atteindre un point de chute tout en conservant une rémanence à la question : où suis-je !</p>
<h3>Back to reality: tous les chemins ne mènent pas  à <span style="text-decoration: line-through;">Rome</span> Pékin</h3>
<p>En février 2008, un millier de personnes se sont égarées dans l&#8217;aéroport de Pékin, sans parvenir à rejoindre le terminal correspondant à leur vol. Un mois plus tard, le nombre de voyageurs en perdition était retombé à 300 par jour en moyenne. Explication? La stratégie de wayfinding mise en place dans l&#8217;aménagement du nouveau Terminal 3 en vue des Jeux olympiques chinois. L&#8217;aéroport de Pékin (le plus grand aéroport au monde) se préparait à accueillir 50 millions de visiteurs par an, sur une superficie de 1 million de mètres carrés.</p>
<h3>Quel chemin vers chez vous ?</h3>
<p>Combien de visiteurs se perdent sur votre site, chaque jour? Combien partent de Google pour vous atteindre et n&#8217;arrivent jamais à destination? Votre site, c&#8217;est l&#8217;aéroport de Pékin avant ou après l&#8217;investissement dans une réelle stratégie de wayfinding?</p>
<p><span style="color: #ff6600;"><em>
<div id="PageAnnouncementContainer">
	<div class="PageAnnouncement" id="PageAnnouncement2">
		<p><b><em>Atelier pratique écriture Web</b></em>
le 09.02.12 À BRUXELLES -
Exercez-vous concrètement à l’écriture Web. Rédigez des microcontenus performants, des pages utiles, lisibles. Et mesurez votre succès</p>
		<p><a title="Inscrivez-vous" href="http://www.ecrirepourleweb.com/formulaire-dinscription">Inscrivez-vous</a></p>
	</div>
</div></em></span><br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/contenu-et-accessibilite' title='Contenu et accessibilité'>Contenu et accessibilité</a></li>
<li><a href='http://www.ecrirepourleweb.com/outils-widgets/testez-laccessibilite-de-votre-site' title='Testez l&#8217;accessibilité de votre site'>Testez l&#8217;accessibilité de votre site</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/developper-la-ligne-editoriale-de-votre-blog-corporate' title='Développer la ligne éditoriale de votre blog corporate'>Développer la ligne éditoriale de votre blog corporate</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/strategie-de-contenu-experience-utilisateur-un-couple-oblige' title='Stratégie de contenu &amp; Expérience Utilisateur, un couple obligé'>Stratégie de contenu &#038; Expérience Utilisateur, un couple obligé</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1' title='Architecture et clés d&#8217;entrée &#8211; Bien organiser l&#8217;information sur votre blog # 1'>Architecture et clés d&#8217;entrée &#8211; Bien organiser l&#8217;information sur votre blog # 1</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/une-boussole-pour-vos-pages-web/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Contenu et accessibilité</title>
		<link>http://www.ecrirepourleweb.com/architecture-de-l-information/contenu-et-accessibilite</link>
		<comments>http://www.ecrirepourleweb.com/architecture-de-l-information/contenu-et-accessibilite#comments</comments>
		<pubDate>Fri, 29 Jun 2007 14:56:23 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Architecture de l'information]]></category>
		<category><![CDATA[Rédaction Web & Editorial]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[comportements]]></category>
		<category><![CDATA[expérience utilisateur]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.wordpress.com/2007/06/29/contenu-et-accessibilite/</guid>
		<description><![CDATA[&#171;&#160;Quelques&#160;&#187; règles d&#8217;accessibilité qui concernent le(s) contenu(s) des sites Web&#8230; Elles sont parfois techniques, spécifiques et sophistiquées (pour les webwriters, à tout le moins). Mais, c&#8217;est du béton&#8230; Trouvé sur Blog and Blues&#8230; 1.1 Fournir une alternative textuelle aux éléments non textuels 1.3 Fournir une description audio des contenus multimédias 1.4 Synchroniser les équivalents des [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fcontenu-et-accessibilite"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Farchitecture-de-l-information%2Fcontenu-et-accessibilite&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<blockquote><p><strong>&laquo;&nbsp;Quelques&nbsp;&raquo; règles d&#8217;</strong><strong>accessibilité qui concernent le(s) contenu(s) des sites Web&#8230; Elles sont parfois techniques, spécifiques et sophistiquées (pour les web<em>writers</em>, à tout le moins). Mais, c&#8217;est du béton&#8230; Trouvé sur <a href="http://www.blog-and-blues.org/weblog/2007/05/17/485-des-profils-d-impacts-du-referentiel-general-d-accessibilite-pour-les-administrations-rgaa" target="_blank">Blog and Blues</a>&#8230;</strong></p></blockquote>
<ul>
<li><span class="blines3">1.1 Fournir une alternative textuelle aux éléments non textuels</span></li>
<li><span class="blines3">1.3 Fournir une description audio des contenus multimédias</span></li>
<li><span class="blines3">1.4 Synchroniser les équivalents des contenus multimédias</span></li>
<li><span class="blines3">2.1 Ne pas utiliser uniquement la couleur pour donner accès à l&#8217;information</span></li>
<li><span class="blines3">3.3 Privilégier l&#8217;utilisation des feuilles de styles par rapport au balisage pour la présentation</span></li>
<li><span class="blines3">3.5 Utiliser la hiérarchie de titres</span></li>
<li><span class="blines3">3.6 Utiliser les éléments de liste de manière appropriée</span></li>
<li><span class="blines3">3.7 Baliser correctement les citations</span></li>
<li><span class="blines3">4.1 Indiquer les changements de langue</span></li>
<li><span class="blines3">4.2 Spécifier la forme complète des abréviations et acronymes</span></li>
<li><span class="blines3">5.1 Baliser les en-têtes de lignes et de colonnes</span></li>
<li><span class="blines3">5.2 Associer les cellules de données aux en-têtes de lignes et de colonnes</span></li>
<li><span class="blines3">5.3 Utiliser des tableaux pour la mise en page que si leur linéarisation est correcte</span></li>
<li><span class="blines3">5.4 Ne pas utiliser d&#8217;éléments de tableaux de données pour des tableaux de mise en page</span></li>
<li><span class="blines3">5.5 Donner des informations complémentaires sur les tableaux de données</span></li>
<li><span class="blines3">5.6 Proposer des valeurs de remplacement pour les en-têtes de tableaux de données</span></li>
<li><span class="blines3">6.3 Proposer une alternative au code javascript et aux éléments programmables</span></li>
<li><span class="blines3">10.1 Signaler l&#8217;ouverture de nouvelles fenêtres</span></li>
<li><span class="blines3">11.3 Permettre aux utilisateurs de recevoir des documents conformes à leurs préférences</span></li>
<li><span class="blines3">13.1 Identifier la destination des liens</span></li>
<li><span class="blines3">13.8 Rédiger les contenus de façon simple, logique et ordonnée</span></li>
<li><span class="blines3">14.1 Utiliser un langage clair et simple</span></li>
<li><span class="blines3">14.2 Proposer des illustrations visuelles ou sonores</span></li>
</ul>
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-pyramide-des-besoins' title='Marketing éditorial et pyramide des besoins'>Marketing éditorial et pyramide des besoins</a></li>
<li><a href='http://www.ecrirepourleweb.com/evenements-rencontres/gagnez-40-eur-et-2-entrees-au-kinepolis-participez-a-notre-enquete-internet' title='Gagnez 40€ et deux entrées Kinepolis: participez à notre enquête Internet'>Gagnez 40€ et deux entrées Kinepolis: participez à notre enquête Internet</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/une-boussole-pour-vos-pages-web' title='Une boussole pour vos pages Web'>Une boussole pour vos pages Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/personas-portraits-robots-utilisateurs' title='Les Personas, portraits-robots de vos utilisateurs'>Les Personas, portraits-robots de vos utilisateurs</a></li>
<li><a href='http://www.ecrirepourleweb.com/ergonomie/des-besoins-des-utilisateurs-3-lenquete-en-ligne' title='Des besoins des utilisateurs (#3) &#8211; L&#8217;enquête en ligne'>Des besoins des utilisateurs (#3) &#8211; L&#8217;enquête en ligne</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/architecture-de-l-information/contenu-et-accessibilite/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Testez l&#8217;accessibilité de votre site</title>
		<link>http://www.ecrirepourleweb.com/outils-widgets/testez-laccessibilite-de-votre-site</link>
		<comments>http://www.ecrirepourleweb.com/outils-widgets/testez-laccessibilite-de-votre-site#comments</comments>
		<pubDate>Tue, 30 Jan 2007 09:23:51 +0000</pubDate>
		<dc:creator>Muriel Vandermeulen</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Outils & Widgets]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[expérience utilisateur]]></category>

		<guid isPermaLink="false">http://ecrirepourleweb.wordpress.com/2007/01/30/testez-laccessibilite-de-votre-site/</guid>
		<description><![CDATA[Mesurez l&#8217;accessibilité de vos pages Internet avec ces 3 outils signés Fujitsu. A découvrir et à tester. Votre avis m&#8217;intéresse&#8230; Fujitsu a créé 3 outils qui vous permettent d&#8217;évaluer l&#8217;accessibilité de vos pages web: Web Accessibility Inspector pour mesurer de l&#8217;accessibilité d&#8217;une page selon les critères WCAG et Fujitsu. Le rapport fourni est clair et [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Foutils-widgets%2Ftestez-laccessibilite-de-votre-site"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.ecrirepourleweb.com%2Foutils-widgets%2Ftestez-laccessibilite-de-votre-site&amp;source=ecrirepourleweb&amp;style=normal&amp;service=ow.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Mesurez l&#8217;accessibilité de vos pages Internet avec ces 3 outils signés Fujitsu. A découvrir et à tester. Votre avis m&#8217;intéresse&#8230;</p>
<p><span id="more-113"></span></p>
<p>Fujitsu a créé <a href="http://www.fujitsu.com/global/accessibility/assistance/">3 outils</a> qui vous permettent d&#8217;évaluer l&#8217;accessibilité de vos pages web:</p>
<p><a href="http://www.fujitsu.com/global/accessibility/assistance/wi/">Web Accessibility Inspector</a> pour mesurer de l&#8217;accessibilité d&#8217;une page selon les critères WCAG et Fujitsu. Le rapport fourni est clair et commenté. Un plus donc par rapport à d&#8217;autres outils qui se contentent de signaler les problèmes.</p>
<p><a href="http://www.fujitsu.com/global/accessibility/assistance/cs/">Color Selector</a> permet de selectionner des couleurs et d&#8217;apprécier en temps réel leur lisibilité pour différents troubles de la vision (cataracte, protanopie, deuteranopie, tritanopie).</p>
<p><a href="http://www.fujitsu.com/global/accessibility/assistance/cd/">Color Doctor</a> permet de simuler en temps réel les troubles de perception de la couleur pour tout document affiché à l&#8217;écran, ainsi que de sauvegarder des captures des simulations.</p>
<p>Les 3 logiciels sont disponibles pour Windows XP et pour Mac OS X.</p>
<p>Merci <a href="http://www.fujitsu.com/global/accessibility/assistance/"><strong>Fujistu</strong></a> !</p>
<p>Vous connaissez ces outils et les avez testés? Vous utilisez d&#8217;autres instruments pour mesurer l&#8217;accessibilité de vos pages Web? Partagez vos expériences!<br />
<h3 class='related_post_title'>Sur le même sujet</h3>
<ul class='related_post'>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/une-boussole-pour-vos-pages-web' title='Une boussole pour vos pages Web'>Une boussole pour vos pages Web</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/contenu-et-accessibilite' title='Contenu et accessibilité'>Contenu et accessibilité</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/strategie-de-contenu-experience-utilisateur-un-couple-oblige' title='Stratégie de contenu &amp; Expérience Utilisateur, un couple obligé'>Stratégie de contenu &#038; Expérience Utilisateur, un couple obligé</a></li>
<li><a href='http://www.ecrirepourleweb.com/architecture-de-l-information/bien-organiser-linformation-sur-votre-blog-1' title='Architecture et clés d&#8217;entrée &#8211; Bien organiser l&#8217;information sur votre blog # 1'>Architecture et clés d&#8217;entrée &#8211; Bien organiser l&#8217;information sur votre blog # 1</a></li>
<li><a href='http://www.ecrirepourleweb.com/redaction-web/marketing-editorial-et-pyramide-des-besoins' title='Marketing éditorial et pyramide des besoins'>Marketing éditorial et pyramide des besoins</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.ecrirepourleweb.com/outils-widgets/testez-laccessibilite-de-votre-site/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

