<?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>Iglooscope, le blog de Reynald Bouttard &#187; Standards du Web</title>
	<atom:link href="http://www.iglooscope.com/wordpress/category/standards-du-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iglooscope.com/wordpress</link>
	<description></description>
	<lastBuildDate>Tue, 21 Jul 2009 12:11:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>and the winner is &#8230;Drupal</title>
		<link>http://www.iglooscope.com/wordpress/2009/03/02/and-the-winner-is-drupal/</link>
		<comments>http://www.iglooscope.com/wordpress/2009/03/02/and-the-winner-is-drupal/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 21:53:20 +0000</pubDate>
		<dc:creator>Reynald Bouttard</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[Ajouter un tag]]></category>
		<category><![CDATA[Inéation]]></category>

		<guid isPermaLink="false">http://www.iglooscope.com/wordpress/?p=59</guid>
		<description><![CDATA[Après le choix indiscutable pour moi de Wordpress comme moteur principal pour les projets de blog que je mène, j&#8217;étais à la recherche d&#8217;un CMS ( solution de gestion de contenu ) flexible, puissant, respectueux des standards et modulaire. Après pas mal de lecture, beaucoup quelques tests et au final peu d&#8217;hésitation, mon choix s&#8217;est [...]]]></description>
			<content:encoded><![CDATA[<p>Après le choix <em>indiscutable</em> pour moi de <a title="Wordpress" href="http://www.wordpress.org" target="_blank">Wordpress</a> comme moteur principal pour les projets de blog que je mène, j&#8217;étais à la recherche d&#8217;un CMS ( solution de gestion de contenu ) flexible, puissant, respectueux des standards et modulaire. Après pas mal de lecture, <span style="text-decoration: line-through;">beaucoup</span> quelques tests et au final peu d&#8217;hésitation, mon choix s&#8217;est porté sur &#8230; <a title="Drupal" href="http://drupal.org/" target="_blank">Drupal</a>.</p>
<p>La solution offre déjà toute sa puissance après quelques heures de découverte. Mais quand on se laisse aller à une plus longue étude, c&#8217;est vraiment une plate-forme d&#8217;édition très efficace et ultra modulaire.</p>
<p>J&#8217;espère pouvoir apporter ma pierre à l&#8217;édifice et contribuer à la <a href="http://drupalfr.org/" target="_blank">communauté française</a> de Drupal par la traduction de quelques articles du site général <a title="Drupal" href="http://drupal.org" target="_blank">Drupal.org</a> &#8230;</p>
<p>Mon choix a été conforté par l&#8217;aide technique et la qualité du travail que réalise Alexandre Eisenchteter sur son site 100% drupal : <a title="Inéation" href="http://www.ineation.com/" target="_blank">Inéation</a>.</p>
<p>Enfin, cerise sur le gâteau, <a title="Mark Boulton" href="http://markboulton.co.uk/" target="_blank">Mark Boulton</a> et <a title="Lisa Reichelt" href="http://www.disambiguity.com/" target="_blank">Lisa Reichelt</a> ( des figures de <em>la ligne claire </em>du design web ) ont été invité pour plancher sur l&#8217;aspect <em>utilisabilité </em>du projet Drupal 7 prévu en 2009. <a title="Mark Boulton Design Ltd" href="http://www.markboultondesign.com/" target="_blank">Mark Boulton Design</a> avait déjà collaboré avec Drupal.org pour le redesign du site. Que du bon &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iglooscope.com/wordpress/2009/03/02/and-the-winner-is-drupal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Une histoire de standards</title>
		<link>http://www.iglooscope.com/wordpress/2008/08/23/une-histoire-de-standards/</link>
		<comments>http://www.iglooscope.com/wordpress/2008/08/23/une-histoire-de-standards/#comments</comments>
		<pubDate>Sat, 23 Aug 2008 11:58:49 +0000</pubDate>
		<dc:creator>Reynald Bouttard</dc:creator>
				<category><![CDATA[Standards du Web]]></category>
		<category><![CDATA[Accessibilité]]></category>
		<category><![CDATA[Ajouter un tag]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Standards]]></category>

		<guid isPermaLink="false">http://www.iglooscope.com/wordpress/?p=3</guid>
		<description><![CDATA[Un peu d&#8217;histoire d&#8217;abord &#8211; Il est possible de dater la première révolution du Web au 14 janvier 1997, date à laquelle le W3C(1) prend acte de HTML 3.2.(2)
Plutôt que d&#8217;un accouchement, il s&#8217;agit d&#8217;une normalisation du langage balisé faite conjointement avec les grands acteurs du moment IBM, Microsoft, Netscape, Novell, SoftQuad, Spyglass, et Sun [...]]]></description>
			<content:encoded><![CDATA[<p class="p1"><strong>Un peu d&#8217;histoire d&#8217;abord</strong> &#8211; Il est possible de dater la première révolution du Web au 14 janvier 1997, date à laquelle le <abbr title="World Wide Web Consortium"><strong>W3C</strong></abbr><sup>(<a href="#notes">1</a>)</sup> prend acte de <abbr title="Hyper Text Markup Language">HTML</abbr> 3.2.<sup>(<a href="#notes">2</a>)</sup></p>
<p>Plutôt que d&#8217;un accouchement, il s&#8217;agit d&#8217;une normalisation du langage balisé faite conjointement avec les grands acteurs du moment IBM, Microsoft, Netscape, Novell, SoftQuad, Spyglass, et Sun Microsystems.</p>
<p>Les évolutions par rapport à la version HTML 2.0 sont importantes et concernent surtout la présentation (tables, flux du texte avec les images etc).</p>
<p><abbr title="Cascading Style Sheet">CSS1.0</abbr><sup>(<a href="#notes">3</a>)</sup> a vu le jour également fin 1996, mais la présentation est l&#8217;affaire des balises HTML d&#8217;attributs. Les feuilles de styles ne remplissent donc pas leur rôle !</p>
<p><span id="more-3"></span></p>
<p>Puis vint très rapidement, la première évolution avec la naissance d&#8217;<abbr title="Hyper Text Markup Language">HTML</abbr>4.0 (décembre 1997). HTML4.0 est la première version d&#8217;HTML a réellement prendre en compte l&#8217;accessibilité. Au fur et à mesure que la communauté du Web grandit, elle se diversifit et il devient crucial que les technologies sous-jacentes soient orientées au service de cette diversité.<br />
Les pages du Web doivent impérativement être accessibles à tous.</p>
<p>Voici les évolutions d&#8217;HTML 4.0 tournées vers l&#8217;accessibilité :</p>
<ul>
<li class="l1">Distinction entre la structure d&#8217;un document et sa présentation.</li>
<li class="l1">Amélioration des formulaires.</li>
<li class="l1">Possibilité de baliser la description d&#8217;un objet inclus.</li>
<li class="l1">Possibilité de créer un texte alternatif aux images contenues dans les pages à l&#8217;intention des nonvoyants et malvoyants.</li>
<li class="l1">Création des balises associées aux abréviations et acronymes.</li>
<li class="l1">Elargissement des médias (TTY pour les malentendants et Braille pour les nonvoyants).</li>
</ul>
<p class="p1">Cette période est aussi celle du développement des outils d&#8217;édition de type <abbr title="What you see is what you get">WYSIWYG</abbr><sup>(<a href="#notes">4</a>)</sup>, et de la surutilisation des tableaux pour la mise en page.</p>
<p>Les pratiques et les normes se téléscopent, ou plutôt se contournent au détriment des utilisateurs. Les outils d&#8217;édition ne dispensent pas de la connaissance du contenu des <abbr title="Document Type Definition">DTD</abbr><sup>(<a href="#notes">5</a>)</sup> dans <abbr title="Hyper Text Markup Language">HTML</abbr>. Un nombre important de pages du web sont créées à partir de logiciels de traitement de texte et ne sont pas conformes aux normes. Les navigateurs web (surtout les deux principaux MS Internet Explorer et Nescape Navigator) s&#8217;affranchissent des normes également.</p>
<p>Les développeurs doivent faire le choix lors de la création de leurs pages d&#8217;une optimisation pour l&#8217;un ou l&#8217;autre de ces navigateurs.</p>
<p>1998 est aussi l&#8217;année de naissance de CSS 2.0, seulement cette version est loin d&#8217;être supportée par l&#8217;ensemble des navigateurs du marché.</p>
<p>En mai 1999, le W3C met en place un ensemble de recommendations portant le nom de <abbr title="Web Content Accessibility Guidelines"><strong>WCAG</strong></abbr><sup>(<a href="#notes">6</a>)</sup>. Des &laquo;&nbsp;techniques&nbsp;&raquo; pour l&#8217;accessibilité aux contenus du Web sont proposées. Le document est divisé en trois partie. La première section expose quelques thèmes sur l&#8217;accessibilité (distinction structure/présentation, les équivalents <em>texte</em> pour les navigateurs non-visuels et les lecteurs Braille, pages alternatives, accès clavier, navigation et compréhension). La seconde partie est consacrée aux techniques pour concevoir des documents <abbr title="Hyper Text Markup Language">HTML</abbr> accessibles, alors que la troisième et dernière partie liste un certain nombre de techniques pour l&#8217;utilisation de <abbr title="Cascading Style Sheet">CSS</abbr>.</p>
<p>Hélas, les recommendations ne sont pas toujours appliquées et les principaux outils utilisés par les webmasters ne permettent pas toujours une création de pages conformes. L&#8217;arrivée de <abbr title="eXtensible Hyper text Markup language">XHTML</abbr><sup>(<a href="#notes">7</a>)</sup>1.0 en 2000 ne va pas changer grand chose, car les principaux éditeurs de pages web WYSIWYG se montreront obsolètes. Ces nouvelles évolutions de la période 1999-2000 rencontrent les mêmes obstacles que les évolutions de 1997-1998, à savoir : non-respect des recommendations et incapacité des éditeurs de pages Web à établir une structure sémantique et d&#8217;en-tête cohérente.</p>
<p>Place au présent maintenant. XHTML1.1 a vu le jour et CSS 2.0 est supporté par la majorité des dernières versions des navigateurs du marché. Les besoins évoluent : le document Web doit être interractif et sa mise à jour dynamique. C&#8217;est l&#8217;heure des <abbr title="Content Management System">CMS</abbr><sup>(<a href="#notes">8</a>)</sup> ou Systèmes de gestion de contenu qui permettent l&#8217;édition de pages et le chargement de média à l&#8217;intérieur des pages web. Chacun peut insérer du contenu dans les pages web, et d&#8217;après John Roscan, &laquo;&nbsp;les sites poussent comme des champignons diffusant de l&#8217;inaccessibilité&nbsp;&raquo; !</p>
<p>Les contenus deviennent de plus en plus variés et les opérations d&#8217;interraction ne sont pas simples pour les personnes présentant un handicap. Les recommandations WCAG 1.0 établissaient la limite de l&#8217;accessibilité au balisage. Seulement, les documents qui circulent sur le Web sont multiples et variés. Les fichiers PDF (formulaires etc) par exemple ne peuvent pas être <em>tagués</em> et être interprétés directement par les navigateurs.</p>
<p>Quel avenir ?</p>
<p>Le Web évolue malgré tout et bientôt XHTML 2.0, CSS 3.0, WCAG 2.0 seront les normes à suivre dans la quête de standardisation. Un projet à la hauteur de la révolution qu&#8217;a été l&#8217;apparition du Web pour nos sociétés. Un projet de web compréhensible et accessible pour tous.</p>
<p class="p1">
<p><em>notes : (<a href="#contenu">retour article</a>)</em><em><br />
<span style="color: #c0c0c0;"><sup>(1)</sup> W3C : World Wide Web Consortium. Organisme qui définit les recommandations concernants les protocoles et technologies utilisés sur le Web.<br />
<sup>(2)</sup>HTML : Hypertext Markup language. Le HTML est un langage informatique de balisage qui permet de créer des pages web.<br />
<sup>(3)</sup>CSS : Cascading Style Sheet. Les <em>feuilles de style en cascade</em>. Il s&#8217;agit d&#8217;un langage informatique permettant de construire la présentation d&#8217;un document (souvent une page Web) indépendamment du contenu de ce dernier. On sépare ainsi la présentation de la structure de la page. Les avantages fonctionnels qui en résultent sont très importants.<br />
<sup>(4)</sup>WYSIWYG : &laquo;&nbsp;What you see is what you get&nbsp;&raquo;, soit &laquo;&nbsp;Ce que vous voyez est ce que vous obtenez&nbsp;&raquo;. Cet acronyme désigne les logiciels qui offrent une interface d&#8217;édition permettant de visualiser immédiatement le résultat final obtenu.<br />
<sup>(5)</sup>DTD : Document Type Definition, également appellé <em>Doctype</em>. Il sert à définir les règles d&#8217;écriture utilisées pour la rédaction de votre page web.<br />
<sup>(6)</sup>WCAG : Web content accessibility guidelines &#8211; Recommendations pour la création de sites web accessibles construitent autour de conseils généraux et d&#8217;une liste de points à contrôler répartis selon trois niveaux de priorité (de A, les points les plus importants à vérifier, à AAA, les points les plus accessoires).<br />
<sup>(7)</sup>XHTML : eXtensible Hyper Text Markup Language. XHTML est l&#8217;évolution de HTML vers une application XML (langage de balisage facilitant l&#8217;échange automatisé de contenus).<br />
<sup>(8)</sup>CMS : Content Management System. Logiciels de conception et de mise à jour dynamique de site web ou d&#8217;application multimédia.</span> </em></p>
<p><em></em></p>
<p id="notes">sources :</p>
<p><em>A History of web development</em>, Peter-Paul Koch <a href="http://www.quirksmode.org/oddsandends/history_webdev.html">Quirksmode.org</a></p>
<p><em>A Journey Through Accessibility</em>, John Roscan <a href="http://juicystudio.com/article/journey-through-accessibility.php">Juicy Studio</a></p>
<p>Articles <a href="http://fr.wikipedia.org/wiki/Accueil">Wikipédia</a> : HTML, CSS, W3C, XHTML, CMS</p>
]]></content:encoded>
			<wfw:commentRss>http://www.iglooscope.com/wordpress/2008/08/23/une-histoire-de-standards/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
