<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet title="XSL formatting" type="text/xsl" href="http://blog.britoweb.net/feed/rss2/xslt" ?><rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
  <title>Blog - Britoweb - Tag - accessibilité image</title>
  <link>http://blog.britoweb.net/</link>
  <atom:link href="http://blog.britoweb.net/feed/tag/accessibilit%C3%A9%20image/rss2" rel="self" type="application/rss+xml"/>
  <description>Le Web à la sauce standard</description>
  <language>fr</language>
  <pubDate>Sat, 03 Jan 2009 15:02:47 +0100</pubDate>
  <copyright>Billets sous licence Creative Commons BY-NC-SA</copyright>
  <docs>http://blogs.law.harvard.edu/tech/rss</docs>
  <generator>Dotclear</generator>
  
    
  <item>
    <title>Images riches en contenu : l'exemple des archives en ligne du Times</title>
    <link>http://blog.britoweb.net/post/2008/07/19/Images-riches-en-contenu-l-exemple-des-archives-en-ligne-du-Times</link>
    <guid isPermaLink="false">urn:md5:c577feeb2e2f41b0f02c07d063aef360</guid>
    <pubDate>Sat, 19 Jul 2008 17:24:00 +0200</pubDate>
    <dc:creator>Victor Brito</dc:creator>
        <category>Accessibilité</category>
        <category>accessibilité</category><category>accessibilité image</category><category>accessibilité site web</category><category>accessibilité web</category>    
    <description>&lt;p&gt;En lisant les derniers billets publiés de &lt;a href=&quot;http://www.formats-ouverts.org&quot;&gt;Formats-Ouverts.org&lt;/a&gt;, je suis tombé sur celui annonçant &lt;a href=&quot;http://www.formats-ouverts.org/blog/2008/06/27/1640-the-times-ouvre-ses-archives&quot;&gt;l'ouverture en ligne des archives du &lt;em lang=&quot;en&quot;&gt;Times&lt;/em&gt;&lt;/a&gt;.&lt;/p&gt;    &lt;p&gt;Les archives en ligne du &lt;em lang=&quot;en&quot;&gt;Times&lt;/em&gt; couvrent deux siècles de parution, de 1785 à 1985. Elles proposent, pour tout article recherché, l'affichage, sous forme d'image, de la page de la version papier où ledit article était originellement publié.&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;http://blog.britoweb.net/public/archives-times-premier-numero.jpg&quot;&gt;&lt;img src=&quot;http://blog.britoweb.net/public/.archives-times-premier-numero_s.jpg&quot; alt=&quot;Affichage de la première page du premier numéro du Times, paru le premier janvier 1785&quot; style=&quot;display:block; margin:0 auto;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Qui dit image dit problème d'accessibilité pour les non-voyants et pour les utilisateurs d'un navigateur qui n'affiche pas les images (navigateur texte ou navigateur graphique configuré pour ne pas les afficher). En analysant le code source de la page affichant l'image en question, on remarque que cette dernière est affichée dans un élément &lt;code lang=&quot;en&quot;&gt;iframe&lt;/code&gt;. Le code source de l'&lt;abbr title=&quot;Uniform Resource Locator&quot;&gt;URL&lt;/abbr&gt; appelée par l'&lt;code lang=&quot;en&quot;&gt;iframe&lt;/code&gt; montre que l'élément &lt;code&gt;img&lt;/code&gt; appelant l'image comporte bien l'attribut &lt;code&gt;alt&lt;/code&gt;&amp;nbsp;; mais, le texte contenu dans cet attribut n'est pas pertinent, en ce sens qu'il ne décrit pas, fût-ce brièvement, l'image&amp;nbsp;: en effet, le texte dit &lt;q lang=&quot;en&quot;&gt;Click and drag the image to move around the page&lt;/q&gt; (en français&amp;nbsp;: &lt;q&gt;Cliquez sur l'image et faites-la glisser pour vous déplacer dans la page&lt;/q&gt;), se référant à une fonctionnalité qui n'est utilisable que si JavaScript est activé. Qui plus est, l'élément &lt;code&gt;img&lt;/code&gt; comporte un attribut &lt;code lang=&quot;en&quot;&gt;title&lt;/code&gt; superflu, puisqu'il reprend &lt;strong&gt;le même texte&lt;/strong&gt; que l'attribut &lt;code&gt;alt&lt;/code&gt;. Comme si cela ne suffisait pas, les non-voyants n'ont aucun moyen d'accéder au contenu de la page, puisque l'attribut &lt;code lang=&quot;en&quot;&gt;longdesc&lt;/code&gt; est absent, ce qui aurait permis de fournir une URL décrivant longement la mise en page de la page du &lt;em lang=&quot;en&quot;&gt;Times&lt;/em&gt; consultée (elle peut, en effet, comporter des illustrations ou des gravures, dont une reproduisant les armoiries et la devise de l'Angleterre dans l'exemple fourni par la capture d'écran plus haut) et transcrivant le contenu de la page.&lt;/p&gt;
&lt;p&gt;D'ailleurs, à propos de contenu, étant donné qu'il s'agit de mettre à la disposition du public des articles d'anciens numéros, donc du &lt;em&gt;contenu textuel&lt;/em&gt;, pourquoi ne pas les afficher &lt;strong&gt;en dur dans le code HTML&lt;/strong&gt; généré&amp;nbsp;? Cette dernière solution aurait l'avantage (quand même elle imposerait un travail fastidieux, s'agissant de deux siècles d'archives, dont les plus anciennes obéissent à des pratiques typographiques abandonnées depuis) de rendre ces archives accessibles à &lt;em&gt;tous&lt;/em&gt;, tout en remplissant le critère 1.9 d'Accessiweb (&lt;q cite=&quot;http://www.accessiweb.org/fr/guide_accessiweb/guide-accessiweb-fiche-1-9.html&quot;&gt;Chaque image texte doit si possible être remplacée par du texte stylé. Cette règle est-elle respectée&amp;nbsp;?&lt;/q&gt;) ainsi que le point de contrôle 3.1 des &lt;abbr title=&quot;Web Content Accessibility Guidelines&quot;&gt;WCAG&lt;/abbr&gt; 1.0 (&lt;q lang=&quot;en&quot; cite=&quot;http://www.w3.org/TR/WCAG10/wai-pageauth.html#tech-use-markup&quot;&gt;When an appropriate markup language exists, use markup rather than images to convey information.&lt;/q&gt;&amp;nbsp;; en français&amp;nbsp;: &lt;q cite=&quot;http://www.la-grange.net/w3c/wcag1/wai-pageauth.html#tech-use-markup&quot;&gt;Quand un langage de balisage approprié existe, utiliser des balises plutôt que des images pour convoyer l'information.&lt;/q&gt;).&lt;/p&gt;</description>
    
    
    
      </item>
    
</channel>
</rss>