<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Ziki - Bruno Haouli's last published content</title>
    <link>http://www.ziki.com/fr/buh31+24507</link>
    <pubDate>jeu, 31 Juil 2008 14:26:55 +0200</pubDate>
    <ttl>120</ttl>
    <description>Mon contenu chez Ziki.com</description>
    <item>
      <title>Wii-help : Remplacer la souris par une wiimote</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/352615021</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Une intéressante initiative qui a pour but de remplacer la souris, par deux petits capteurs, collés au bout des doigts, dont les mouvements sont capturés par la wiimote.
</p>
<p>
  Une vidéo très bien faite explique tout cela&nbsp;:
</p><object height="302" width="400">
  
  
  <p>
    Wii-help : Remplacer la souris par une wiimote
  </p>
</object>
<p>
  On imagine le grand intérêt que cela peut avoir pour les personnes qui ne peuvent pas manier une souris.
</p>
<p>
  Plus d'infos sur le blog de Hubert Wassner à l'origine du projet&nbsp;: <a href="http://professeurs.esiea.fr/wassner/?2008/07/24/158-wii-help-a-progresse-fort">Wii-help ça progresse fort !</a>
</p>
</div>]]>
      </description>
      <pubDate>jeu, 31 Juil 2008 14:26:55 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/7474307</guid>
    </item>
    <item>
      <title>Javascript et accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/320397235</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Un intéressant billet sur l'importance de proposer une alternative accessible à l'utilisation du javascript&nbsp;: <a href="http://www.dator.fr/langages/javascript/javascript-et-accessibilite-les-meilleures-pratiques/">Javascript et accessibilité</a>
</p>
<p>
  Le RGAA (dont la version pdf est disponible sur le site <a href="http://www.synergies-publiques.fr/article.php?id_article=926">Synergies</a>) consacre un point de contrôle à ce sujet&nbsp;:
</p>
<p>
  Point de contrôle&nbsp;: 6.3 Proposer une alternative au code javascript et aux éléments programmables
</p>
<p>
  <strong>Description</strong>
</p>
<p>
  <ins>Libellé</ins>
</p>
<p>
  S'assurer que les pages ne perdent pas d'informations lorsque javascript ou les éléments programmables sont désactivés ou non supportés. Lorsque ce n'est pas possible, fournir une information équivalente de manière alternative.
</p>
<p>
  <ins>Objectifs et intérêt</ins>
</p>
<p>
  Permettre l'accès à l'information et l'utilisation du site, même lorsque les navigateurs ne lisent pas javascript ou ne disposent pas du programme nécessaire au bon fonctionnement de l'élément programmable.
</p>
<p>
  <ins>Niveau WCAG1.0</ins>
</p>
<p>
  Niveau A
</p>
<p>
  <ins>Références</ins>
</p>
<ul>
  <li>WCAG1.0&nbsp;: directive 6
  </li>
  <li>DGME1.0&nbsp;: points&nbsp;: 1.1, 4.1, 7.1,11.7
  </li>
  <li>Section 508&nbsp;: points&nbsp;: 1194.22 (l), 1194.22 (m)
  </li>
</ul>
<p>
  <ins>Impact</ins>
</p>
<p>
  Profil communicant Profil développeur et intégrateur Profil rédacteur et contributeur
</p>
<p>
  <strong>Mise en oeuvre</strong>
</p>
<p>
  <ins>Explication</ins>
</p>
<p>
  Les éléments programmables sont&nbsp;:
</p>
<ul>
  <li>Le contenu affiché via l'élément applet,
  </li>
  <li>Le contenu affiché via l'élément object,
  </li>
  <li>Le contenu affiché via l'élément embed.
  </li>
</ul>
<p>
  Les utilisateurs ont besoin d'une alternative dans les cas suivants&nbsp;:
</p>
<ul>
  <li>Désactivation de javascript,
  </li>
  <li>Désactivation de java,
  </li>
  <li>Désactivation d'activex,
  </li>
  <li>Utilisation d'un navigateur ne supportant pas javascript, java ou activex,
  </li>
  <li>Absence du plugin nécessaire à la bonne visualisation de l'élément programmable,
  </li>
  <li>Blocage du javascript dans un environnement sécurisé sans pour autant le désactiver,
  </li>
  <li>Utilisation d'une aide technique n'interprétant pas correctement le code javascript.
  </li>
</ul>
<p>
  L'alternative au code javascript se fait par&nbsp;:
</p>
<ul>
  <li>L'utilisation d'un l'élément noscript reprenant l'ensemble des informations fournies par le script,
  </li>
  <li>la conception de code javascript non obstrusif venant s'appliquer lors du chargement de la page. Cela permet ainsi d'avoir une page d'origine fonctionnelle et accessible, uniquement enrichie de fonctionnalités non bloquantes lorsque javascript est activé,
  </li>
  <li>L'utilisation d'un langage côté serveur.
  </li>
</ul>
<p>
  Il est à noter que l'utilisation de l'élément noscript comme unique solution d'accessibilité est hasardeuse. En effet, cet élément n'est affiché par le navigateur ou lu par la synthèse vocale que si l'utilisateur a explicitement désactivé javascript.
</p>
<p>
  L'alternative aux éléments applet se fait par&nbsp;:
</p>
<ul>
  <li>L'ajout d'un contenu alternatif, reprenant l'ensemble des informations présentes dans l'élément, avant la fermeture de l'élément,
  </li>
  <li>L'ajout d'un lien vers une page reprenant l'ensemble des informations présentes dans l'élément.
  </li>
</ul>
<p>
  L'alternative aux éléments object se fait de la même façon que celle des éléments applet. De plus, il est possible d'imbriquer plusieurs élément object, appelant des contenus différents, les uns dans les autres.
</p>
<p>
  L'alternative aux éléments embed se fait par l'ajout d'un contenu alternatif, placé dans un élément noembed, et reprenant l'ensemble des informations présentes dans l'élément.
</p>
<p>
  <ins>Exemple</ins>
</p>
<p>
  Utilisation de l'élément noscript pour une alternative à une fonction lançant la fenêtre d'impression en javascript&nbsp;:
</p>
<pre>
[html]
&lt;script type="text/javascript"&gt;
function imprimer(){
document.write('&lt;a href=\"javascript:window.print()\"&gt;Imprimer cette page&lt;\/a&gt;');
}
imprimer();
&lt;/script&gt;
&lt;noscript&gt; Pour imprimer cette page, utiliser la fonction d'impression de vos navigateur, si vous ne savez comment faire reportez-vous à &lt;a href="aide.html#impression"&gt;la page d'aide&lt;/a&gt; &lt;/noscript&gt;
</pre>
<p>
  Script non obstrusif permettant d'afficher un élément en cliquant sur un lien. L'élément restera affiché si javascript est désactivé&nbsp;:
</p>
<pre>
[html]
&lt;html lang="fr"&gt;
&lt;head&gt;
...
&lt;style type="text/css"&gt;
.masquer{
display:none;
}
.afficher{
display:block;
}
&lt;/style&gt;

&lt;script type="text/javascript"&gt;
function lienafficher(){
document.write('&lt;a href=\"javascript:afficher()\"&gt;Afficher le bloc&lt;\/a&gt;');
}

function afficher(){
document.getElementById("exemple2").className="afficher";
}

function masquer(){
document.getElementById("exemple2").className="masquer";
}
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;script type="text/javascript"&gt;
lienafficher();
&lt;/script&gt;
&lt;div id="exemple2"&gt;
mon contenu à afficher
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
masquer();
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>
  Par ailleurs, Accessiweb consacre <a href="http://www.accessiweb.org/fr/Label_Accessibilite/criteres_accessiweb/95_accessiweb_lineaire/#code_executable">4 critères</a> aux alternatives au javascript.
</p>
</div>]]>
      </description>
      <pubDate>mer, 25 Juin 2008 11:01:31 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/7196491</guid>
    </item>
    <item>
      <title>AccessiWeb 1.1 : nouvelle version du r&#233;f&#233;rentiel d'accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/310476636</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Une nouvelle version d'Accessiweb (<a href="http://www.accessiweb.org/fr/Label_Accessibilite/criteres_accessiweb/95_accessiweb_lineaire/">Accessiweb 1.1</a>) vient de voir le jour avec beaucoup de nouveautés. Matthieu Faure, qui a participé à l'élaboration de cette nouvelle mouture, nous en dit plus sur son blog&nbsp;: <a href="http://www.blog-accessibilite.com/blog/2008/06/09/168-accessiweb-11-c-est-parti">AccessiWeb 1.1 c'est parti !</a>
</p>
</div>]]>
      </description>
      <pubDate>mar, 10 Juin 2008 10:27:55 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/7093333</guid>
    </item>
    <item>
      <title>10 astuces pour am&#233;liorer l&#8217;accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/300921574</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://blog.kinoa.com/">Le blog de Kinoa</a> fait un petit topo sur l'accessibilité d'un site web en 10 points&nbsp;: <a href="http://blog.kinoa.com/2008/05/26/10-astuces-pour-ameliorer-l-accessibilite-de-votre-site-web/">10 astuces pour améliorer l’accessibilité de votre site Web</a>.
</p>
<p>
  Une jolie infographie illustre ces 10 points.
</p>
<p>
  <a href="http://blog.kinoa.com/2008/05/26/10-astuces-pour-ameliorer-l-accessibilite-de-votre-site-web/"><img src="http://blog-de-buh.pixelparpixel.com/images/kinoa.jpg" alt="10 astuces pour améliorer l’accessibilité de votre site Web" /></a>
</p>
<ol>
  <li>Séparer la mise en forme du contenu.
  </li>
  <li>Prévoir des alternatives aux Scripts. Une page HTML doit être parfaitement lisible lorsque les feuilles de styles sont désactivées.
  </li>
  <li>Proposer des alternatives textes.
  </li>
  <li>Proposer des formats alternatifs en téléchargement.
  </li>
  <li>Eviter d’ouvrir des liens dans une nouvelle fenêtre.
  </li>
  <li>Eviter les frames.
  </li>
  <li>Proposer systématiquement un plan du site et un moteur de recherche.
  </li>
  <li>Proposer des titres explicites à vos pages.
  </li>
  <li>Vérifier les contrastes de vos couleurs.
  </li>
  <li>Utiliser les technologies du W3C.
  </li>
</ol>
</div>]]>
      </description>
      <pubDate>lun, 26 Mai 2008 13:40:28 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6986627</guid>
    </item>
    <item>
      <title>Voyages-sncf.com et l'accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/294907359</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Le site <a href="http://www.voyages-sncf.com">voyages-sncf.com</a> vient d'être refondu. Cette refonte ne parvient pas à satisfaire tout le monde comme l'atteste <a href="http://fr.techcrunch.com/2008/05/16/fr-nouveau-site-voyages-sncf-la-reponse-de-la-sncf-aux-lecteurs-de-techcrunch-france/">ce billet sur TechCrunch</a>. Toujours est-il que l'accessibilité semble être au cœur des préoccupations de l'équipe en charge du site&nbsp;: <a href="http://www.01net.com/editorial/380252/comment-voyages-sncf.com-a-travaille-son-accessibilite/">Comment Voyages-sncf.com a travaillé son accessibilité sur 01net.com</a>
</p>
</div>]]>
      </description>
      <pubDate>lun, 19 Mai 2008 09:40:55 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6925000</guid>
    </item>
    <item>
      <title>Le RGAA de nouveau en ligne !</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/288047790</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Et oui, le RGAA refait sa réapparition, son adresse&nbsp;: <a href="http://rgaa.dgme.fr/">http://rgaa.dgme.fr/</a> Merci à <a href="http://blog.temesis.com/2008/05/07/315-jeu-trouve-le-rgaa">Elie Sloïm</a> pour cette nouvelle qui nous réchauffe le cœur :-)
</p>
</div>]]>
      </description>
      <pubDate>mer, 07 Mai 2008 09:04:00 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6838178</guid>
    </item>
    <item>
      <title>Mind On Wave : Un site d&#233;di&#233; &#224; l'accessibilit&#233; en Belgique</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/272232980</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img src="http://blog-de-buh.pixelparpixel.com/images/mind-on-wave.png" alt="" />
</p>
<p>
  Nacha De Winne a eu l'amabilité de me signaler l'existence d'un site dédié à l'accessibilité&nbsp;: <a href="http://www.mindonwave.org">mindonwave.org</a>
</p>
<p>
  Ce site a pour ambition d'être un centre de ressources sur l'accessibilité du Web en Belgique.
</p>
<p>
  En voici les rubriques&nbsp;:
</p>
<ul>
  <li>Accueil
  </li>
  <li>Actualités
  </li>
  <li>Agenda
  </li>
  <li>Contexte
  </li>
  <li>Acteurs
  </li>
  <li>Interviews
  </li>
  <li>Litterature
  </li>
  <li>Liens
  </li>
</ul>
<p>
  Vous pourrez voir que ce site est une mine de renseignements sur l'accessibilité du web et je tire mon chapeau à leurs auteurs ;)
</p>
</div>]]>
      </description>
      <pubDate>mar, 15 Avr 2008 13:26:18 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6672030</guid>
    </item>
    <item>
      <title>Des tutoriels vid&#233;o sur l'accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/272232981</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Le site <a href="http://access-key.org/">Access-Key</a> propose des <a href="http://access-key.org/?page_id=12">tutoriels vidéo sur l'accessibilité</a>.
</p>
<p>
  Ces vidéos ont l'avantage de nous montrer concrétement des utilsateurs handicapés confrontés à différentes difficultés lors d'une navigation web. Les vidéos nous montrent dans une deuxième partie comment l'intégrateur web peut modifier son site pour résoudre ces problèmes.
</p>
<p>
  5 tutoriels video sont pour l'instant disponibles&nbsp;:
</p>
<ol>
  <li>
    <a href="http://access-key.org/?p=8">L’accessibilité des tableaux</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=27">Les alternatives textuelles aux images</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=29">Déclarer la langue dans une page Web</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=30">Des liens hypertextes compréhensibles</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=31">Des formulaires accessibles</a>
  </li>
</ol>
</div>]]>
      </description>
      <pubDate>sam, 15 Mar 2008 16:21:22 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6672031</guid>
    </item>
    <item>
      <title>Des tutoriels vid&#233;o sur l'accessibilit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/253787407</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Le site <a href="http://access-key.org/">Access-Key</a> propose des <a href="http://access-key.org/?page_id=12">tutoriels vidéo sur l'accessibilité</a>.
</p>
<p>
  Ces vidéos ont l'avantage de nous montrer concrétement des utilsateurs handicapés confrontés à différentes difficultés lors d'une navigation web. Les vidéos nous montrent dans une deuxième partie comment l'intégrateur web peut modifier son site pour résoudre ces problèmes.
</p>
<p>
  5 tutoriels video sont pour l'instant disponibles&nbsp;:
</p>
<ol>
  <li>
    <a href="http://access-key.org/?p=8">L’accessibilité des tableaux</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=27">Les alternatives textuelles aux images</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=29">Déclarer la langue dans une page Web</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=30">Des liens hypertextes compréhensibles</a>
  </li>
  <li>
    <a href="http://access-key.org/?p=31">Des formulaires accessibles</a>
  </li>
</ol>
</div>]]>
      </description>
      <pubDate>sam, 15 Mar 2008 16:21:22 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6453742</guid>
    </item>
    <item>
      <title>Les vid&#233;os du Paris Web 2007</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/253787408</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Les 15, 16 et 17 novembre 2007 a eu lieu le Paris Web 2007, le grand rendez-vous français de la qualité, de l'accessibilité et du design web. Les vidéos sont désormais disponibles&nbsp;:
</p>
<p>
  <a href="http://videos.paris-web.fr/">http://videos.paris-web.fr/</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Les enjeux de la production web
  </li>
</ul>
<p>
  Samuel Latchman nous présente son expérience dans la réalisation de contenus web et l’organisation du travail. Après un bref aperçu des métiers, des délais et des contraintes, nous abordons la standardisation des méthodes de travail et des compétences. Avec des études de cas concrets et des exemples, nous voyons quelles techniques jouent sur la qualité finale. 1ère conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Les enjeux de la production web
  </p>
</object>
<p>
  <a href="http://2007.paris-web.fr/archives/20071115/01-Samuel_Latchman/Les_enjeux_de_la_production_web.pdf">Les diapositives de la présentation au format pdf</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Utilisateurs et décideurs&nbsp;: à hue et à dia&nbsp;!
  </li>
</ul>
<p>
  Myriam Lorant montre les différences de points de vue entre les utilisateurs et les décideurs à l’origine de la demande. Joindre les deux est un travail à plein temps. Myriam nous donne des pistes de réflexions ainsi que des solutions concrètes. 2e conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Utilisateurs et décideurs : à hue et à dia !
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Utilisateurs et décideurs : à hue et à dia !
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Et maintenant, qu'est-ce qu'on met dedans&nbsp;?
  </li>
</ul>
<p>
  Michèle Pedinielli élargit la problématique pour parler des contenus eux-mêmes. "Du contenu". Certes. Mais pour qui&nbsp;? Pour quoi faire&nbsp;? A quelles conditions ce contenu devient de l’information utile et utilisée&nbsp;? Quelques questions et quelques pistes de réponses autour de la place de l’éditorial dans un site web. 3e conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Et maintenant, qu'est-ce qu'on met dedans ?
  </p>
</object>
<p>
  <a href="http://2007.paris-web.fr/archives/20071115/02-Michele_Pedinielli/Et_maintenant__qu_est-ce_qu_on_met_dedans__.pdf">Les diapositives de la présentation au format pdf</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Le référentiel général d’accessibilité des administrations
  </li>
</ul>
<p>
  Dans une première partie, Pascal Souhard nous donne un aperçu global du référentiel et de sa mise en œuvre vu de l’intérieur. archives&nbsp;: Le RGAA (première partie) Dans une seconde partie, Elie Sloïm (remplaçant Laurent Denis) et Aurélien Levy nous montrent le RGAA d’un point de vue technique&nbsp;: ses implications et comment s’y conformer. 4e conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Le référentiel général daccessibilité des administrations
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Le référentiel général daccessibilité des administrations
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Le référentiel général daccessibilité des administrations
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Accessibilité des vidéos et des sous-titres
  </li>
</ul>
<p>
  Jean Louis Carvès intervient pour présenter l’état de l’art sur l’accessibilité vidéo. Nous y abordons la question des sous-titres, leur inclusion, et les résultats obtenus. 5e conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Accessibilité des vidéos et des sous-titres
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Accessibilité des vidéos et des sous-titres
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Futur du HTML, où en est-on&nbsp;?
  </li>
</ul>
<p>
  Pour clôturer la journée, Daniel Glazman finit sur HTML, le langage utilisé pour développer toutes nos pages web. Ce langage est en pleine effervescence et une cinquième version est en cours d’élaboration. Dernière conférence du jeudi 15/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Futur du HTML, où en est-on ?
  </p>
</object>
<p>
  <a href="http://2007.paris-web.fr/archives/20071115/06-Daniel_Glazman/index.xhtml">Les diapositives de la présentation au format html</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Accessibilité des contenus PDF et Flash
  </li>
</ul>
<p>
  Jugé à tort ou à raison comme le nec plus ultra des formats dynamiques, Flash impose depuis toujours d’importants problèmes fonctionnels aux personnes handicapées. Les promesses de Macromedia (Adobe) laissent croire que cette sombre époque est enfin révolue. L’un des formats les plus populaires sur le Web après HTML, PDF a très mauvaise réputation auprès des internautes ayant des limitations fonctionnelles. Ses détracteurs racontent même que les efforts déployés par Adobe depuis des années pour améliorer l’accessibilité du format ne portent pas leurs fruits. Qu’en est-il vraiment&nbsp;? Denis Boudreau nous présente l’état de l’art sur ces technologies et un récapitulatif concernant leur accessibilité réelle. 1ère conférence du vendredi 16/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Accessibilité des contenus PDF et Flash
  </p>
</object>
<p>
  <a href="http://2007.paris-web.fr/archives/20071116/01-Denis_Boudreau/Accessibilite_des_contenus_PDF_et_Flash.htm">Les diapositives de la présentation au format html</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Multilinguisme web et problématiques associées
  </li>
</ul>
<p>
  Le Web nous débarrasse de l’espace et des frontières géographiques. On se retrouve en contact avec des personnes provenant des quatre coins de la planète, et en pratique, les frontières les plus fortes sont linguistiques. Stephanie Booth nous montre où le web nous met des bâtons dans les roues et comment prendre en compte les problèmes qui ne manquent jamais de survenir. 2e conférence du vendredi 16/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Multilinguisme web et problématiques associées
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Multilinguisme web et problématiques associées
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Ajax et accessibilité
  </li>
</ul>
<p>
  AJAX tend à devenir une des technologies incontournables des applications web. Son utilisation pose pourtant de sérieuses questions d’ergonomie et d’accessibilité. Michel Hoël nous fait un résumé et partage son expérience sur le sujet. 3e conférence du vendredi 16/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Ajax et accessibilité
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Ajax et accessibilité
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Successful teams use web standards!
  </li>
</ul>
<p>
  Chris Heilmann anime la seule conférence en anglais de ces deux jours. Nous y abordons la mise en œuvre des standards et normes du Web dans les équipes de développement. 4e conférence du vendredi 16/11/2007.
</p><object height="335" width="425">
  
  
  <p>
    Successful teams use web standards!
  </p>
</object> <object height="335" width="425">
  
  
  <p>
    Successful teams use web standards!
  </p>
</object>
<p>
  <br />
</p>
<ul>
  <li>Bonnes pratiques du Web mobile
  </li>
</ul>
<p>
  La dernière conférence se détache un peu du reste pour nous parler du Web mobile. C’est Dominique Hazaël-Massieux, du W3C, qui nous en présente les bonnes pratiques et nous introduit à ce type d’accès un peu particulier.
</p><object height="335" width="425">
  
  
  <p>
    Bonnes pratiques du Web mobile
  </p>
</object>
<p>
  <a href="http://2007.paris-web.fr/archives/20071116/05-Dominique_Hazael-Massieux/Les_bonnes_pratiques_du_Web_mobile.htm">Les diapositives de la présentation au format html</a>
</p>
<p>
  <br />
</p>
<ul>
  <li>Table ronde
  </li>
</ul>
<p>
  La journée se termine par une table ronde avec l’ensemble des intervenants. C’est l’occasion d’aborder des sujets qui vous tiennent à cœur, de dépasser les points de vue présentés lors des conférences et de provoquer quelques débats. Clôture de la partie "Conférences" de l'édition 2007.
</p><object height="335" width="425">
  
  
  <p>
    Table ronde
  </p>
</object>
<p>
  <br />
</p>
<p>
  Les diapositives en divers formats (PDF, Powerpoint, Slideshare, OpenDocument…) et les enregistrements audio sont aussi disponibles&nbsp;:
</p>
<p>
  <a href="http://2007.paris-web.fr/Presentations-des-intervenants">http://2007.paris-web.fr/Presentations-des-intervenants</a>
</p>
<p>
  <br />
</p>
<p>
  quelques billets qui reviennent sur le Paris Web 2007&nbsp;:
</p>
<ul>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=5">Paris Web 2007&nbsp;: J’y étais !</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=7">Paris Web vu par un étudiant (1/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=9">Paris Web vu par un étudiant (2/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=10">Paris Web vu par un étudiant (3/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=11">Paris Web vu par un étudiant (4/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=12">Paris Web vu par un étudiant (5/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=13">Paris Web vu par un étudiant (6/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=14">Paris Web vu par un étudiant (7/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=15">Paris Web vu par un étudiant (8/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=17">Paris Web vu par un étudiant (9/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=18">Paris Web vu par un étudiant (10/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=19">Paris Web vu par un étudiant (11/12)</a>
  </li>
  <li>
    <a href="http://blog.jour-de-pluie.com/?p=20">Paris Web vu par un étudiant (12/12)</a>
  </li>
  <li>
    <a href="http://blog.alsacreations.com/2007/11/19/401-parisweb-2007-du-paris-du-web-et-des-greves">Paris Web 2007&nbsp;: du Paris, du Web et des Grèves</a>
  </li>
  <li>
    <a href="http://www.ajblog.fr/paris-web-2007-premiers-retours">Paris Web 2007&nbsp;: premiers retours</a>
  </li>
  <li>
    <a href="http://www.outil-referencement.com/blog/index.php/446-paris-web-2007">Paris Web 2007, c'est fini !</a>
  </li>
  <li>
    <a href="http://www.covertprestige.info/2007/11/19/165-paris-web-2007-c-est-fini">Paris Web 2007, c'est fini</a>
  </li>
  <li>
    <a href="http://www.neoma-interactive.com/2007/11/19/compte-rendu-de-parisweb-2007/">Compte-rendu de Paris Web 2007</a>
  </li>
  <li>
    <a href="http://blog.boldr.fr/2007/11/19/retour-de-paris-web">Retour de Paris Web</a>
  </li>
  <li>
    <a href="http://www.vinch.be/blog/2007/11/18/web-paris-greves/">Web, Paris, grèves…</a>
  </li>
  <li>
    <a href="http://emmanueldetaillac.fr/articles/2007/11/17/paris-web-2007-les-ateliers.html">Paris Web 2007 - Les ateliers</a>
  </li>
  <li>
    <a href="http://www.eco2net.com/ces-types-de-paris-web-sont-completement-allumes/13/">ces types de Paris-Web sont complètement allumés</a>
  </li>
  <li>
    <a href="http://www.herewithme.fr/blog/paris-web-conferences-premier-jour">Paris Web&nbsp;: Conférences - 1ere journée</a>
  </li>
  <li>
    <a href="http://www.sqliagency.com/blogs/ecreativegarden/index.php?2007/11/20/73-paris-web-2007-jour-1">Paris Web 2007 (Jour 1/2)</a>
  </li>
  <li>
    <a href="http://www.babylon-design.com/site/index.php/2007/11/20/205-paris-web-2007-encore-mieux-qu-en-2006">Paris Web 2007, encore mieux qu'en 2006</a>
  </li>
</ul>
</div>]]>
      </description>
      <pubDate>mer, 12 Mar 2008 11:06:21 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2008:/article/6453743</guid>
    </item>
    <item>
      <title>Un guide sur l'accessibilit&#233; des sites h&#244;teliers</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/188270396</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <img src="http://conseil-recherche-innovation.net/images/CRI/petit-guide-hotels.png" alt="" />
</p>
<p>
  Le document <a href="http://conseil-recherche-innovation.net/petit-guide-a-lusage-des-hoteliers-restaurateurs-et-de-leurs-webmestres">Petit guide à l’usage des hôteliers–restaurateurs et de leurs webmestres</a> se propose de donner aux hôtels-restaurants des conseils pratiques et réalistes, pour rendre plus accessible leur site web, en particulier aux publics handicapés et vieillissants.
</p>
<p>
  En plus des conseils valables pour tous les sites web, des conseils spécifiques aux hôtels-restaurants sont donnés&nbsp;:
</p>
<ul>
  <li>indiquer sur le site le label "Tourisme &amp; Handicap" si l'établissement le possède,
  </li>
  <li>mettre les menus du restaurant à disposition pour qu'ils puissent être imprimés en braille,
  </li>
  <li>indiquer les conditions d'accueil des chiens guides,
  </li>
  <li>etc...
  </li>
</ul>
<p>
  Le guide a classé les conseils par public&nbsp;:
</p>
<ul>
  <li>Recommandations générales pour tous les publics et handicaps,
  </li>
  <li>Recommandations pour les handicaps visuels,
  </li>
  <li>Recommandations pour les handicaps moteur,
  </li>
  <li>Recommandations pour les handicaps auditifs,
  </li>
  <li>Recommandations pour les handicaps cognitifs.
  </li>
</ul>
<p>
  A la fin du guide un tableau permet de "checker" les points à ne pas oublier.
</p>
<p>
  Le guide se termine par une liste de références sur l'accessibilité du web à consulter.
</p>
<p>
  Ce guide a été conçu par <a href="http://conseil-recherche-innovation.net/">Le département "Conseil, Recherche et Innovation" du Greta du Velay</a> avec la collaboration d'experts en accessibilité.
</p>
<p>
  Ce guide a le soutien de la Commission européenne, mais il ne reflète pas nécessairement son point de vue.
</p>
<p>
  Le guide m'a paru complet et clair. Il s'agit d'une bonne initiative et j'espère qu'il sera largement diffusé et surtout pris compte.
</p>
<p>
  Via le billet <a href="http://s.billard.free.fr/referencement/?2007/11/16/441-un-guide-sur-laccessibilite-des-sites-hoteliers">Un guide sur l'accessibilité des sites hôteliers</a> de Sébastien Billard.
</p>
</div>]]>
      </description>
      <pubDate>ven, 16 Nov 2007 23:54:17 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5387623</guid>
    </item>
    <item>
      <title>Les am&#233;liorations de l'accessibilit&#233; dans Mac OS X 10.5 Leopard</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/183613029</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.456bereastreet.com/">456 Berea Street</a> nous fait la liste des améliorations en terme d'accessibilité sur la nouvelle version du système d'exploitation de Apple&nbsp;: <a href="http://www.456bereastreet.com/archive/200710/mac_os_x_105_leopard_improves_accessibility/">Mac OS X 10.5 Leopard improves accessibility</a>.
</p>
<p>
  Frédéric de Villamil dans <a href="http://fredericdevillamil.com/">son carnet</a> nous donne une traduction de la liste et la commente&nbsp;: <a href="http://fredericdevillamil.com/mac-os-x-10-5-leopard-et-laccessibilite">Mac OS X 10.5 Léopard et l'accessibilité</a>.
</p>
<ul>
  <li>L’ajout d’une nouvelle voix au module de dictée. Bienvenue à Alex.
  </li>
  <li>Le support natif des claviers en braille.
  </li>
  <li>Un clavier braille virtuel.
  </li>
  <li>La possibilité de contrôler VoiceOver via le pavé numérique.
  </li>
  <li>Une navigation facilitée dans les longs documents et les pages web. Le système peut maintenant lister et sauter de titre en titre, de table en table ou de lien en lien, quand Tarzan ne peut que sauter de liane en liane.
  </li>
  <li>Hot spots permet de surveiller jusqu’à 10 zones sur un écran et avertit l’utilisateur quand l’une d’elles change.
  </li>
  <li>Dans les applications accessibles, le drag and drop est possible à l’aide du seul clavier.
  </li>
  <li>Enfin, l’accessibilité des applications embarquées a été grandement améliorée.
  </li>
</ul>
<p>
  Il est réjouissant de voir que l'accessibilité n'a pas été oublié par Apple dans la nouvelle mouture de son système d'exploitation.
</p>
</div>]]>
      </description>
      <pubDate>jeu, 08 Nov 2007 20:25:27 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5205543</guid>
    </item>
    <item>
      <title>Les vid&#233;os enfin accessibles ?</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/183613030</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Après avoir lu l'excellent billet de Elie Sloïm&nbsp;: <a href="http://blog.temesis.com/2007/10/02/259-accessibilite-video">Transcrire les contenus audiovisuels</a>, je me suis dit que si un jour un service web du type YouTube voyait le jour et qu'il donnait la possibilité aux utilisateurs de fournir la transcription textuelle des vidéos, voire les traductions, cela serait alors un grand pas vers des vidéos enfin accessibles.
</p>
<p>
  Et là, je viens de découvrir le site <a href="http://dotsub.com/">dotSUB.com</a> (encore en bêta), via le billet <a href="http://www.webqualite-concept.com/blog/wordpress/standards/des-videos-accessibles-avec-dotsubcom/">Des vidéos accessibles avec Dotsub.com</a> sur le blog Webqualité.
</p>
<p>
  Le service permet ainsi classiquement de uploader des vidéos, d'y mettre un titre, un commentaire. Mais la grande nouveauté, c'est de pouvoir en fournir une transcription textuelle via un système de sous-titre, et en plus de pouvoir traduire ces sous-titre dans d'autres langues. Et bien sûr, ces 2 fonctionnalités sont possibles sur les vidéos des autres utilisateurs.
</p>
<p>
  Ce que j'ai trouvé dommage c'est que la transcription n'apparaisse que sous forme de sous-titres. Pourquoi ne pas prévoir un encart sous la vidéo, avec tout le texte de vidéo. Ce texte, si il est visible directement dans le code html, peut permettre encore une meilleure accessibilité du contenu de la vidéo il me semble. Le service étant encore en version bêta, on peut espérer que cela possible dans le futur.
</p>
<p>
  En tout cas, ce service fait avancer selon moi dans le bon sens l'accessibilité de la vidéo.
</p>
<p>
  De plus, le système de traduction va je pense maximiser le potentiel des vidéos. De nos jours, beaucoup d'évènements très intéressant sont filmés comme les conférences, mais la barrière de la langue empêche souvent de profiter pleinement de ces vidéos.
</p>
</div>]]>
      </description>
      <pubDate>mer, 07 Nov 2007 13:55:45 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5205544</guid>
    </item>
    <item>
      <title>Des sanctions pour les sites publics anglais non accessibles ?</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/178835524</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Un billet concernant l'accessibilité au Royaume-Uni (<a href="http://www.headstar.com/egblive/?p=55">Accessibility Ultimatum Proposed for UK Government Websites</a>) a fait réagir Elie Sloïm sur son blog&nbsp;: <a href="http://blog.temesis.com/2007/11/01/269-des-sanctions-pour-les-sites-publics-anglais-non-accessibles">Des sanctions pour les sites publics anglais non accessibles ?</a>
</p>
<p>
  Vouloir rendre obligatoire l'accessibilité de sites internet du service public est une chose, Mettre en oeuvre de cette obligation en est une autre. Peut-être faudrait t'il parler avant tout d'obligation de moyens plutôt que d'obligation de résultat, un peu comme les medecins qui sont tenus à tout mettre en oeuvre pour soigner leurs patients, mais qui ne s'engagent pas à les guérir, ni à un certain seuil de guérison.
</p>
</div>]]>
      </description>
      <pubDate>jeu, 01 Nov 2007 15:38:10 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5046562</guid>
    </item>
    <item>
      <title>Max Europe 2007 : L'accessibilit&#233; dans Flex</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/178835525</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Lors de la dernière conférence "Adobe Max Europe 2007" qui a eu lieu à Barcelone du 15 au 18 octobre, Mat May est venu faire une présentation autour du thème de l'accessibilité des applications développées avec Adobe Flex. Le site Flash xpress nous propose une vidéo de cette présentation&nbsp;: <a href="http://www.flashxpress.net/index.php?option=com_content&amp;amp;task=view&amp;amp;id=12&amp;amp;Itemid=33&amp;amp;videoID=39">Développer des applications accessibles avec Flex</a>
</p>
<p>
  La présentation commence par expliquer les bénéfices de l'accessibilité puis, les éléments à prendre en compte lors du developpement&nbsp;:
</p>
<ul>
  <li>Coder l'application en rendant l'application exploitable via clavier
  </li>
  <li>Utiliser des éléments de code en Flex et Flash qui permettent de rendre accessible l'application (26 éléments sont cités)
  </li>
  <li>Utiliser MSAA (Microsoft Active Accessibility) pour rendre exploitable l'application par les lecteurs d'ecran
  </li>
  <li>Utiliser les solutions de sous-titrage (à base de xml) pour les vidéos
  </li>
  <li>Fournir à l'utilisateur une aide sur l'utilisation des dispositifs spécifiques qui ont été developpés en vue d'améliorer l'accessibilité
  </li>
  <li>Faire appel à des experts en accessibilité
  </li>
  <li>Intégrer l'expérience utilisateur pour éprouver la mise en place de l'accessibilité
  </li>
</ul>
</div>]]>
      </description>
      <pubDate>mer, 31 Oct 2007 13:46:48 +0100</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/5046563</guid>
    </item>
    <item>
      <title>Am&#233;liorer l&#8217;accessibilit&#233; par la typographie</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/176540571</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Le site <a href="http://www.pompage.net/">pompage</a> nous propose un article&nbsp;: <a href="http://www.pompage.net/pompe/ameliorer-l-accessibilite-par-la-typographie/">Améliorer l’accessibilité par la typographie</a>. Il s'agit de la traduction par Goulven Champenois d'un article de Joe Dolson&nbsp;: <a href="http://accessites.org/site/2007/06/improving-accessibility-through-typography/">Improving Accessibility through Typography</a>.
</p>
</div>]]>
      </description>
      <pubDate>ven, 26 Oct 2007 23:28:09 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4970689</guid>
    </item>
    <item>
      <title>RGAA - check-list bas&#233; sur le champ d'application</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/176540572</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Je commence à réfléchir depuis un bon moment à l'intégration des notions d'accessibilité dans les projets web. J'ai donc commencé à chercher quelle base de travail utiliser, et mon choix s'est porté sur le <a href="http://rgaa.referentiels.modernisation.gouv.fr/">Référentiel Général d’Accessibilité pour les Administrations (RGAA)</a> pour plusieurs raisons&nbsp;:
</p>
<ul>
  <li>Le jour où un décret d'application de <a href="http://www.legifrance.gouv.fr/WAspad/UnTexteDeJorf?numjo=SANX0300217L">la loi n°2005-102 de février 2005</a> sera mis en place pour rendre obligatoire l'accessibilité des sites web du secteur public, c'est vraisemblablement ce document qui sera pris en référence, et qui devra être suivi par les agences web qui réaliseront les sites web du secteur public. Donc, utiliser déjà le RGAA, c'est anticiper le futur, et pouvoir assurer à ses clients qu'ils n'auront pas à complètement refondre leur site quand le décret sera adopté, même si le RGAA aura peut être évolué d'ici là.
  </li>
  <li>Le document prend comme référence le <a href="http://www.w3.org/TR/WAI-WEBCONTENT/">WCAG 1.0</a>, et donc suivre le RGAA c'est suivre les recommandations du W3C en terme d'accessibilité.
  </li>
  <li>Il s'agit du document le plus récent à ce jour (par rapport aux critères AccessiWeb) et il prend en compte d'autres recommandations que WCAG&nbsp;: <a href="http://www.wabcluster.org/uwem1/">UWEM</a> et <a href="http://www.w3.org/TR/AERT">AERT</a>.
  </li>
  <li>Le document fourni des explications et des exemples pour aider à la bonne compréhension des directives.
  </li>
</ul>
<h5>
  Le champ d'application comme filtre
</h5>
<p>
  Les <a href="http://rgaa.referentiels.modernisation.gouv.fr/index.php/front/web/points_de_controle/tous_les_tests_web">tests</a> proposés dans le RGAA ont la particularité d'indiquer clairement le champ d'application du test. Pour le <a href="http://rgaa.referentiels.modernisation.gouv.fr/index.php/front/web/points_de_controle/tous_les_tests_web/1_1/1_1_1">test 1.1.1 Présence de l'attribut alt</a> par exemple, il est indiqué que le champ d'application se limite aux éléments img, area, input type='image' et applet. Je me suis rendu compte qu'un champ d'application pouvait être commun à plusieurs tests. Si nous prenons par exemple l'élément fieldset, il fait partie du champ d'application du <a href="http://rgaa.referentiels.modernisation.gouv.fr/index.php/front/web/points_de_controle/tous_les_tests_web/3_3/3_3_2">test 3.3.2</a>, du <a href="http://rgaa.referentiels.modernisation.gouv.fr/index.php/front/web/points_de_controle/tous_les_tests_web/12_3/12_3_2">test 12.3.2</a> et du <a href="http://rgaa.referentiels.modernisation.gouv.fr/index.php/front/web/points_de_controle/tous_les_tests_web/12_3/12_3_3">test 12.3.3</a>. Donc, j'ai eu l'idée de filtrer tous les tests, pour obtenir une fiche par élément, ce qui permettrait de faire en une fois tous les tests correspondants à cet élément. Ainsi, j'ai crée chacune de ses fiches sous ce modèle&nbsp;:
</p>
<p>
  <a href="http://img514.imageshack.us/img514/5572/01mr2.gif" title="tableau qui filtre les tests selon leurs champ d&amp;apos;application"><img src="http://img514.imageshack.us/img514/5572/01mr2.th.gif" alt="" /></a>
</p>
<p>
  La colonne WCAG indique le niveau WCAG du test&nbsp;:
</p>
<ul>
  <li>A&nbsp;: Ce qui doit être fait
  </li>
  <li>AA&nbsp;: Ce qui devrait être fait
  </li>
  <li>AAA&nbsp;: Ce qui pourrait être fait
  </li>
</ul>
<p>
  La colonne Priorité donne des indications sur le caractère prioritaire du test dans le cadre d'un déploiement dans le temps du RGAA&nbsp;:
</p>
<ul>
  <li>Priorité 1&nbsp;:
    <ul>
      <li>année N&nbsp;: Obligatoire
      </li>
      <li>année N+1&nbsp;: Obligatoire
      </li>
      <li>année N+2&nbsp;: Obligatoire
      </li>
    </ul>
  </li>
  <li>Priorité 2&nbsp;:
    <ul>
      <li>année N&nbsp;: Recommandé
      </li>
      <li>année N+1&nbsp;: Obligatoire
      </li>
      <li>année N+2&nbsp;: Obligatoire
      </li>
    </ul>
  </li>
  <li>Priorité 3&nbsp;:
    <ul>
      <li>année N&nbsp;: Recommandé
      </li>
      <li>année N+1&nbsp;: Recommandé
      </li>
      <li>année N+2&nbsp;: Obligatoire
      </li>
    </ul>
  </li>
  <li>Priorité 4&nbsp;:
    <ul>
      <li>année N&nbsp;: Recommandé
      </li>
      <li>année N+1&nbsp;: Recommandé
      </li>
      <li>année N+2&nbsp;: Recommandé
      </li>
    </ul>
  </li>
</ul>
<p>
  La colonne Points de contrôle indique le numéro du point le contrôle auquel est lié le test. Un lien hypertexte renvoie vers la page web de la fiche RGAA du point de contrôle. Il est très utile, voire indispensable de consulter cette fiche pour mieux comprendre, par l'explication et les exemples fournis, comment faire le test.
</p>
<p>
  La colonne Tests donne le titre du test. Un lien hypertexte renvoie vers la page web de la fiche RGAA du test.
</p>
<p>
  La colonne champ d'application indique le champ d'application du test, que j'ai élargi en indiquant si cela concernait le code html ou le code css, et en donnant des précisions supplémentaires. Un lien hypertexte sur le mot champ d'application renvoie vers la première feuille du classeur Excel, qui forme la liste de tous les éléments à tester.
</p>
<p>
  La colonne vérification fait apparaître la vérification qui doit être faite à travers le test. J'ai modifié sensiblement le texte à chaque fois pour préciser le champ d'application, ainsi j'ai par exemple remplacé le texte "Si l'un des éléments mentionnés dans le champ d'application est présent dans la page, poursuivre le test, sinon le test est validé" par le texte "Si la balise &lt;fieldset&gt;&lt;/fieldset&gt; est présente dans la page, poursuivre le test, sinon le test est validé."
</p>
<p>
  Je me suis donc retrouvé avec une feuille par élément. Pour pouvoir facilement consulter les feuilles j'ai crée une feuille qui se trouve au début du classeur avec un tableau qui liste l'ensemble des éléments sous cette forme&nbsp;:
</p>
<p>
  <a href="http://img155.imageshack.us/img155/9306/02br1.gif" title="tableau qui liste l&amp;apos;ensemble des éléments"><img src="http://img155.imageshack.us/img155/9306/02br1.th.gif" alt="" /></a>
</p>
<p>
  Un lien hypertexte sur chacun des éléments renvoie vers la feuille du classeur Excel qui liste tous les tests à effectuer pour l'élément concerné.
</p>
<p>
  Pour ne pas surcharger un seul classeur, j'ai crée 3 classeurs&nbsp;:
</p>
<ul>
  <li>1-html-checklist.xls qui regroupe tous les éléments à tester trouvables dans un document html,
  </li>
  <li>2-css-checklist.xls qui regroupe tous les éléments à tester trouvables dans un document css,
  </li>
  <li>3-divers-checklist.xls qui regroupe tous les éléments à tester que je n'ai pas pu classer dans les 2 précédents classeurs.
  </li>
</ul>
<p>
  Les versions Excel et OpenOffice se trouve dans <a href="http://blog-de-buh.pixelparpixel.com/docs-rgaa/">ce dossier</a>. Les versions OpenOffice sont justes des conversions des versions Excel mais elles fonctionnent.
</p>
<p>
  Pourquoi ai-je voulu réorganiser les tests du RGAA par champ d'application&nbsp;?
</p>
<p>
  Je veux pouvoir faire en sorte que les tests sur un site web puisse se faire de manière linéaire, ligne à ligne, effectuer les tests sans avoir ensuite à revenir en arrière dans le code pour faire les autres tests. C'est une vision peut être trop orienté code des tests du RGAA, j'en ai conscience.
</p>
<p>
  Pour finir, je tiens à préciser que tout ce que je viens de présenter ici n'a rien d'officiel ni de définitif, et qu'il y a peut-être des inexactitudes dans mes tableaux. Il s'agit avant tout de travaux en cours issus de réflexions personnelles sur le RGAA, réflexions non achevées ;-)
</p>
<p>
  Si vous avez des remarques sur ma démarche, je suis tout ouïe :)
</p>
</div>]]>
      </description>
      <pubDate>ven, 26 Oct 2007 14:10:43 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4970690</guid>
    </item>
    <item>
      <title>Big.com : L'accessibilit&#233; au service de la publicit&#233;</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/175331763</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.big.com/home.php">Big.com</a> est un moteur de recherche proposé par Yahoo, qui est censé s'adresser au personnes ayant des problèmes de vue. Du coup, on se retrouve avec une page d'accueil et de résultat avec une taille de police très grande&nbsp;:
</p>
<p>
  <a href="http://img205.imageshack.us/img205/5509/01sw1.jpg" title="capture de la page de résultats sur Big.com"><img src="http://img205.imageshack.us/img205/5509/01sw1.th.jpg" alt="" /></a>
</p>
<p>
  Le gros défaut du site c'est que toute la moitié droite de la page est occupé par les liens sponsorisés, ce qui nuit à la lisibilité de la page de résultat, la lisibilité qui est normalement le credo de ce site&nbsp;: "The most readable results on the web."
</p>
<p>
  Personnellement, je me pose la question de l'intérêt d'un tel site, par rapport à Yahoo Search qui me parait disposer d'une page de résultats plus lisible (et surtout moins pollué) que celle de Big.com lorsque l'on agrandit la police de caractère avec le raccourci clavier Ctrl et +.
</p>
<p>
  <a href="http://img152.imageshack.us/img152/4494/02dh9.jpg" title="capture de la page de résultats sur Yahoo"><img src="http://img152.imageshack.us/img152/4494/02dh9.th.jpg" alt="" /></a>
</p>
</div>]]>
      </description>
      <pubDate>ven, 26 Oct 2007 10:22:48 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4958595</guid>
    </item>
    <item>
      <title>Accesstech, nouvelle liste de diffusion sur l'accessibilit&#233; du web</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/175074890</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  <a href="http://www.netaccessible.com/accesstech/">Accesstech</a> est une nouvelle liste de diffusion francophone dédiée à l'accessibilité du web, d'un point de vue technique.
</p>
<p>
  Je vous invite à lire <a href="http://www.fairytells.net/index.php/2007/10/25/77-lancement-d-accesstech-liste-de-discussion-technique-sur-l-accessibilite">le billet de lancement</a>, ainsi que de vous inscrire sur cette liste bien sûr&nbsp;!
</p>
</div>]]>
      </description>
      <pubDate>jeu, 25 Oct 2007 23:50:26 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4926915</guid>
    </item>
    <item>
      <title>Journ&#233;e Mondiale de l&#8217;Utilisabilit&#233; 2007 (mise &#224; jour)</title>
      <link>http://feeds.feedburner.com/%7Er/le-blog-de-buh/%7E3/174953045</link>
      <description>
        <![CDATA[<div class="post_content wiki_text"><p>
  Fred Cavazza prépare la 3ème édition de la <a href="http://www.fredcavazza.net/2007/10/21/journee-mondiale-de-lutilisabilite-2007-on-y-est-presque/">Journée Mondiale de l’Utilisabilité 2007</a> qui se tiendra le jeudi 8 novembre de 9 H à 12 H 30 dans les locaux de Microsoft à Paris.
</p>
<p>
  L'utilisabilité aura aussi sa journée en Belgique&nbsp;: <a href="http://www.ergonline.net/blog/usability-day-belge-le-programme">Usability Day Belge - Le programme !</a>
</p>
<p>
  Pour vous rendre compte de ce que peut être l'utilisabilité appliqué au sites web, je vous conseille la lecture (en anglais) de <a href="http://www.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/">30 Usability Issues To Be Aware Of</a> sur Smashing Magazine.
</p>
<p>
  Innovablog s'est attelé à en faire une traduction en français&nbsp;: <a href="http://innovablog.com/ergonomie/accessibilite-ergonomie-et-utilisabilite-30-points-cles/">Accessibilité, ergonomie et utilisabilité&nbsp;: 30 points clés</a>
</p>
<p>
  edit&nbsp;: je viens de trouver une traduction plus complète sur Référencement, Design et Cie&nbsp;: <a href="http://s.billard.free.fr/referencement/?2007/10/23/433-30-concepts-cles-de-lutilisabilite">30 concepts-clés de l'utilisabilité</a>
</p>
<h3>
  Mise à jour du 17 novembre 2007
</h3>
<ul>
  <li>Introduction
  </li>
</ul><object height="335" width="425">
  
  
  <p>
    Introduction
  </p>
</object>
<ul>
  <li>Intervention de Frédéric Gaillard sur le thème de l'expérience utilisateur
  </li>
</ul><object height="355" width="425">
  
  
  <p>
    Intervention de Frédéric Gaillard sur le thème de l'expérience utilisateur
  </p>
</object>
<ul>
  <li>Intervention de Frédéric Cavazza sur les tendances de l'utilisabilité en 2007
  </li>
</ul><object height="355" width="425">
  
  
  <p>
    Intervention de Frédéric Cavazza sur les tendances de l'utilisabilité en 2007
  </p>
</object>
<ul>
  <li>Intervention d'Elie Sloîm sur le thème de la qualité web et de l'accessibilité
  </li>
</ul><object height="355" width="425">
  
  
  <p>
    Intervention d'Elie Sloîm sur le thème de la qualité web et de l'accessibilité
  </p>
</object>
<ul>
  <li>Intervention de Guillaume Brachon sur les interfaces sociales
  </li>
</ul><object height="355" width="425">
  
  
  <p>
    Intervention de Guillaume Brachon sur les interfaces sociales
  </p>
</object>
<ul>
  <li>Intervention de Laurent Goffin sur les réseaux sociaux et l'utilisabilité
  </li>
</ul><object height="355" width="425">
  
  
  <p>
    Intervention de Laurent Goffin sur les réseaux sociaux et l'utilisabilité
  </p>
</object>
<ul>
  <li>L'utilisabilité&nbsp;: définition et place dans un projet web
  </li>
</ul><object height="335" width="425">
  
  
  <p>
    L'utilisabilité : définition et place dans un projet web
  </p>
</object>
<ul>
  <li>Utilisabilité et qualité web
  </li>
</ul><object height="335" width="425">
  
  
  <p>
    Utilisabilité et qualité web
  </p>
</object>
<ul>
  <li>L'utilisabilité, emploi présent et perspectives d'avenir
  </li>
</ul><object height="335" width="425">
  
  
  <p>
    L'utilisabilité, emploi présent et perspectives d'avenir
  </p>
</object>
<ul>
  <li>Quelques réactions...
  </li>
</ul><object height="335" width="425">
  
  
  <p>
    Quelques réactions...
  </p>
</object>
<ul>
  <li>
    <a href="http://www.simpleweb.fr/index.php?page=compte-rendu">Les vidéos et supports de présentation des intervenants</a>
  </li>
  <li>
    <a href="http://www.fredcavazza.net/2007/11/09/compte-rendu-rapide-de-la-journee-mondiale-de-lutilisabilite-2007/">Compte-rendu (rapide) de la Journée Mondiale de l’Utilisabilité 2007</a>
  </li>
  <li>
    <a href="http://www.blog-conversion.com/utilisabilite/world-usability-day-compte-rendu-12/">World Usability Day - Compte rendu (1/2)</a>
  </li>
  <li>
    <a href="http://www.blog-conversion.com/utilisabilite/world-usability-day-compte-rendu-22/">World Usability Day - Compte rendu (2/2)</a>
  </li>
  <li>
    <a href="http://blog.60questions.net/index.php/2007/11/09/189-usability-yesterday">World usability (yester)day</a>
  </li>
  <li>
    <a href="http://www.groupereflect.net/blog/archives/2007/11/journee_mondial.html">Journée Mondiale de l'Utilisabilité 2007, et après ?</a>
  </li>
</ul>
</div>]]>
      </description>
      <pubDate>mar, 23 Oct 2007 23:37:25 +0200</pubDate>
      <guid isPermaLink="false">tag:ziki.com,2007:/article/4926916</guid>
    </item>
  </channel>
</rss>
