<?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>Le blog d&#039;Abimes Concept &#187; accessibilité</title>
	<atom:link href="http://www.abime-concept.com/blog/tag/accessibilite/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.abime-concept.com/blog</link>
	<description>Le blog des éditeurs du web</description>
	<lastBuildDate>Tue, 31 Jan 2012 08:25:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Critères d&#8217;ergonomie</title>
		<link>http://www.abime-concept.com/blog/2009/06/04/criteres-dergonomie/</link>
		<comments>http://www.abime-concept.com/blog/2009/06/04/criteres-dergonomie/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 08:32:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[accessibilité]]></category>
		<category><![CDATA[adaptabilité]]></category>
		<category><![CDATA[critère d'ergonomie]]></category>
		<category><![CDATA[interactivité]]></category>
		<category><![CDATA[Les principaux critères d'ergonomie d'un site web]]></category>
		<category><![CDATA[lisibilité]]></category>
		<category><![CDATA[rapidité]]></category>
		<category><![CDATA[sobriété]]></category>
		<category><![CDATA[utilisabilité]]></category>
		<category><![CDATA[utilité]]></category>

		<guid isPermaLink="false">http://www.abime-concept.com/blog/?p=336</guid>
		<description><![CDATA[Les principaux critères d'ergonomie d'un site web sont les suivants (liste non exhaustive) : sobriété, lisibilité, utilisabilité, rapidité, interactivité, adaptabilité, accessibilité.
<p style="text-align: left;"><a href="http://www.abime-concept.com/blog/2009/06/criteres-dergonomie/" target="_self"><span class="Footer">[Lire la suite...]</span></a><em><span class="Footer">
</span></em>]]></description>
			<content:encoded><![CDATA[<p><strong>Les principaux critères d&#8217;ergonomie d&#8217;un site web sont les suivants (liste non exhaustive) : sobriété, lisibilité, utilisabilité, rapidité, interactivité, adaptabilité, accessibilité.</strong><br />
Ce tableau vous les présente en détails :<br />
<span id="more-336"></span></p>
<table class="ccm" style="height: 2116px;" border="0" width="547">
<tbody>
<tr>
<th>Critère</th>
<th>Sous-critère</th>
<th>Description</th>
</tr>
<tr>
<td rowspan="2" align="center" valign="top"><strong>Sobriété</strong></td>
<td valign="top"><em>Simplicité</em></td>
<td valign="top">Un site web épuré renforcera la crédibilité de l&#8217;organisation.</td>
</tr>
<tr>
<td valign="top"><em>Peu chargé</em></td>
<td valign="top">Les images animées sont déconseillées. Elles doivent être privilégiées pour des messages forts car elles attirent le regard de l&#8217;internaute.</td>
</tr>
<tr>
<td rowspan="3" align="center" valign="top"><strong>Lisibilité</strong></td>
<td valign="top"><em>Clarté</em></td>
<td valign="top">Il convient de prendre en compte le fait que les informations écrites sont moins faciles à lire sur un écran que sur papier (25% de temps de lecture supplémentaire). Ainsi, le texte devra être suffisamment aéré.</td>
</tr>
<tr>
<td valign="top"><em>Structuration</em></td>
<td valign="top">Le texte devra être structuré à l&#8217;aide de paragraphes et de titres de différents niveaux, afin d&#8217;en faciliter la lecture.</td>
</tr>
<tr>
<td valign="top"><em>Organisation</em></td>
<td valign="top">Les éléments d&#8217;informations doivent être hiérarchisés par niveau d&#8217;importance. Les plus importants doivent figurer en haut de page.</td>
</tr>
<tr>
<td rowspan="6" align="center" valign="top"><strong>Utilisabilité</strong></td>
<td valign="top"><em>Facilité de navigation</em></td>
<td valign="top">La « règle des 3 clics » stipule que toute information doit être accessible en moins de 3 clics.</td>
</tr>
<tr>
<td valign="top"><em>Repérage</em></td>
<td valign="top">A tout moment le visiteur doit pouvoir être en mesure de se repérer dans le site. Le logo doit être présent sur toutes les pages, au même emplacement, et une charte graphique uniforme doit être appliquée à l&#8217;ensemble des pages.</td>
</tr>
<tr>
<td valign="top"><em>Liberté de navigation</em></td>
<td valign="top">Le site doit laisser la possibilité à l&#8217;utilisateur de revenir à la page d&#8217;accueil et aux principales rubriques par un simple clic.</td>
</tr>
<tr>
<td valign="top"><em>Visibilité de l&#8217;adresse</em></td>
<td valign="top">L&#8217;URL de la page en cours doit être constamment visible et suffisamment explicite pour permettre à l&#8217;utilisateur de se repérer afin de pouvoir revenir facilement.</td>
</tr>
<tr>
<td valign="top"><em>Tangibilité de l&#8217;information</em></td>
<td valign="top">Les informations présentes sur le site doivent être qualifiées, c&#8217;est-à-dire que des éléments permettant d&#8217;en connaître la date de mise à jour où l&#8217;auteur doivent être présents. D&#8217;autre part, évitez les sections en travaux.</td>
</tr>
<tr>
<td valign="top"><em>Homogénéité de la structure</em></td>
<td valign="top">Les éléments de navigation doivent être situés au même endroit sur toutes les pages, si possible avec une présentation uniforme.</td>
</tr>
<tr>
<td rowspan="3" align="center" valign="top"><strong>Rapidité</strong></td>
<td valign="top"><em>Temps de chargement</em></td>
<td valign="top">Le temps d&#8217;affichage d&#8217;une page doit être le plus court possible car la majorité des internautes ne patientent pas plus de 15 secondes lors du chargement d&#8217;une page.</td>
</tr>
<tr>
<td valign="top"><em>Images optimisées</em></td>
<td valign="top">Il convient d&#8217;optimiser au maximum la taille des images, en choisissant un format adapté et un nombre de couleurs le plus petit possible. Il est recommandé de ne pas dépasser 30/40 ko maximum par image sauf si nécessaire.</td>
</tr>
<tr>
<td valign="top"><em>Images non redimensionnées</em></td>
<td valign="top">Pour la même raison, les images doivent préférentiellement être dans leur taille réelle, sans redimensionnement.</td>
</tr>
<tr>
<td rowspan="3" align="center" valign="top"><strong>Interactivité</strong></td>
<td valign="top"><em>Liens hypertextes</em></td>
<td valign="top">L&#8217;interactivité caractérise les interactions possibles entre l&#8217;utilisateur et le site web. Il est conseillé de mettre suffisamment de liens entre les différentes pages. A l&#8217;inverse, trop de liens peuvent rendre difficile la lecture.</td>
</tr>
<tr>
<td valign="top"><em>Découpage de l&#8217;information</em></td>
<td valign="top">Afin de permettre au visiteur de mieux assimiler l&#8217;information et, dans certains cas de susciter sa curiosité, il est préconisé de découper l&#8217;information. Le découpage de l&#8217;information peut notamment se traduire par un texte d&#8217;accroche et un lien hypertexte conduisant à la suite de l&#8217;article.</td>
</tr>
<tr>
<td valign="top"><em>Facilitation des échanges</em></td>
<td valign="top">Il est souhaitable de tout mettre en place pour faciliter l&#8217;échange avec les visiteurs, notamment afin de recueillir leurs impressions et leurs demandes, en vue de faire évoluer le site. <em>A minima</em>, le visiteur doit pouvoir trouver facilement le moyen de contacter une personne.</td>
</tr>
<tr>
<td rowspan="2" align="center" valign="top"><strong>Adaptabilité</strong></td>
<td valign="top"></td>
<td valign="top">L&#8217;adaptabilité caractérise la possibilité de personnalisation du site web par l&#8217;utilisateur.</td>
</tr>
<tr>
<td valign="top"><em>Redimensionnement des polices</em></td>
<td valign="top">Les textes du site doivent préférentiellement utiliser des polices dont la taille n&#8217;est pas exprimée en valeur absolue, afin de laisser la possibilité de les redimensionner aux personnes le souhaitant.</td>
</tr>
<tr>
<td align="center" valign="top"><strong>Adaptativité</strong></td>
<td valign="top"></td>
<td valign="top">L&#8217;adaptativité caractérise la possibilité de personnalisation du site web à personnaliser automatiquement le site web sans intervention de l&#8217;usager.</td>
</tr>
<tr>
<td rowspan="8" align="center" valign="top"><strong>Accessibilité</strong></td>
<td valign="top"><em>Universalité de l&#8217;accès</em></td>
<td valign="top">L&#8217;accessibilité est la capacité du site web à être consulté universellement, c&#8217;est-à-dire par tout type d&#8217;utilisateurs, y compris les malvoyants et non voyants. Pour cela un certain nombre de règles sont à respecter.</td>
</tr>
<tr>
<td valign="top"><em>Interopérabilité</em></td>
<td valign="top">Le respect des standards, en particulier les recommandations d&#8217;accessibilité du W3C, permet de garantir un bon niveau d&#8217;interopérabilité, c&#8217;est-à-dire la capacité du site web à être consultable par différents clients logiciels.</td>
</tr>
<tr>
<td valign="top"><em>Transparence des formats</em></td>
<td valign="top">Les formats utilisés doivent préférentiellement être transparents, c&#8217;est-à-dire consultable en mode texte. Ainsi le HTML sera utilisé préférentiellement au Flash. Par ailleurs, les images ou animation ne doivent pas se soustraire aux informations textuelles ou provoquer une gêne pour les non-voyants.</td>
</tr>
<tr>
<td valign="top"><em>Légende</em></td>
<td valign="top">Une légende ou un texte de remplacement doivent être prévu en lieu et place des images (grâce à l&#8217;attribut <em>alt</em>), afin de permettre aux déficients visuels de comprendre le sens de l&#8217;image.</td>
</tr>
<tr>
<td valign="top"><em>Choix des couleurs</em></td>
<td valign="top">Les couleurs doivent être choisies afin de laisser l&#8217;information lisible aux personnes ne distinguant pas les couleurs correctement (daltoniens).</td>
</tr>
<tr>
<td valign="top"><em>Usage sain des feuilles de style</em></td>
<td valign="top">L&#8217;information doit pouvoir être accessible, y compris sans feuille de style.</td>
</tr>
<tr>
<td valign="top">C<em>ontraste adapté</em></td>
<td valign="top">Le niveau de contraste entre la couleur d&#8217;arrière-plan et le texte en avant plan doit être suffisant pour en permettre la lecture aux malvoyants.</td>
</tr>
<tr>
<td valign="top"><em>Taille des polices modifiable</em></td>
<td valign="top">La taille des polices doit être adaptable afin de laisser la possibilité de grossir les textes si nécessaire. Les polices utilisées ne doivent également pas être trop petites, au risque de fatiguer la vue des lecteurs ou d&#8217;être illisibles.</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><em><span class="Footer">Ce document intitulé « <a href="http://www.commentcamarche.net/contents/web/ergonomie.php3" target="_blank">Webmastering &#8211; Ergonomie d&#8217;un site web</a> » issu de <a href="http://www.commentcamarche.net/" target="_blank">Comment Ça Marche</a> (<a href="http://www.commentcamarche.net/" target="_blank">www.commentcamarche.net</a>) est mis à disposition sous les termes de la licence <a href="http://www.commentcamarche.net/ccmguide/ccmlicence.php3" target="_blank">Creative Commons</a>. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.</span></em></p>
<p style="text-align: center;">
]]></content:encoded>
			<wfw:commentRss>http://www.abime-concept.com/blog/2009/06/04/criteres-dergonomie/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

