<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <title>Openweb.eu.org - Politique d'accessibilité d'OpenWeb</title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
    <meta name="DC.Language" scheme="RFC3066" content="fr" />
    <meta name="DC.Identifier" content="demarche_accessibilite" />
    <meta name="DC.Creator" content="Laurent Denis" />
    <meta name="DC.Date.created" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Date.modified" scheme="W3CDTF" content="2003-03-21" />
    <meta name="DC.Rights" content="Cet article est sous licence Creative Commons Attribution-ShareAlike." />
  </head>
  <body>
    <h1>Politique d'accessibilité d'OpenWeb</h1>
    <ul>
      <li>
        <strong>Auteur :</strong> <a href="mailto:laurent.denis%40openweb.eu.org">Laurent Denis</a>
      </li>
      <li>
        <strong>Mise à jour :</strong> 21/03/2003</li>
    </ul>
    <h3>Accès clavier :</h3>
    <p>Pour accéder au moteur de recherche à l'aide du clavier, utilisez la touche <kbd>4</kbd> :</p>
    <ul>
      <li>sous Windows, avec les combinaisons : <kbd>alt</kbd> + <kbd>maj</kbd> + <kbd>4</kbd> ou <kbd>alt</kbd> + <kbd>4</kbd> ;
        </li>
      <li>sous Macintosh, avec la combinaison : <kbd>ctrl</kbd> + <kbd>4</kbd> ou <kbd>pomme</kbd> + <kbd>4</kbd>.
        </li>
    </ul>
    <h3>Styles alternatifs</h3>
    <p>OpenWeb est doté de feuilles de styles alternatives qui vous permettent de le consulter dans différentes présentations :</p>
    <ul>
      <li>la présentation par défaut, avec un texte sombre sur un arrière-plan clair ;</li>
      <li>une présentation <em>Fond noir</em> avec des caractères clairs ;</li>
      <li>la présentation <em>Fond noir/Gros caractères</em> où la taille des caractères est augmentée ;</li>
      <li>la présentation <em>Minimale</em> qui ne spécifie ni couleurs, ni tailles, ni polices de caractères, pour laisser la place aux règlages par défaut de chaque utilisateur ;</li>
      <li>La présentation <em>Sans habillage</em> qui, en fait, n'a pas de feuille de style : seuls seront appliqués les règlages par défaut de l'utilisateur.</li>
    </ul>
    <p>Ces présentations sont accessibles :</p>
    <ul>
      <li>depuis le menu Affichage des navigateurs supportant les styles alternatifs : menu <em>Utiliser une feuille de style</em> dans Netscape 7, menu <em>Style</em> dans Opera 7… Dans les versions actuelles de ces navigateurs, le choix d'une présentation autre que celle par défaut n'est cependant pas persistant : il doit être répété pour chaque page consultée ;</li>
      <li>depuis le formulaire <em>Choisir un habillage</em> du menu accessibilité d'OpenWeb, en tête de chaque page (technique du <q>style switching</q>). Le style choisi est alors persistant.</li>
    </ul>
    <h3>Respect des normes <acronym>W3C</acronym>
    </h3>
    <ul>
      <li>le code <acronym title="eXtensible HyperText Markup Language" lang="en">XHTML</acronym> est conforme à la <a href="http://www.w3.org/TR/xhtml1/">Spécification XHTML 1.0</a>. Il est testé à l'aide du <a href="http://validator.w3.org/">validateur <acronym title="HyperText Markup Language" lang="en">HTML</acronym> du <acronym title="World Wide Web Consortium" lang="en">W3C</acronym>
        </a> ;</li>
      <li>
        <p>le code <acronym title="Cascading Style Sheets" lang="en">CSS</acronym> est conforme à la <a href="http://www.w3.org/TR/REC-CSS2/">Spécification CSS2</a>. Il est testé à l'aide du <a href="http://jigsaw.w3.org/css-validator/">validateur <acronym>CSS</acronym> du <acronym>W3C</acronym>
          </a> ;</p>
        <p>Un bug connu du validateur (lié à l'encodage des caractères) empêche cependant la validation <acronym>CSS</acronym> directe depuis les fichiers <acronym>HTML</acronym>. Les <acronym title="Uniform Resource Locator" lang="en">URL</acronym> à soumettre au validateur <acronym>CSS</acronym> sont donc celles des feuilles de style elles-mêmes ;</p>
      </li>
      <li>les pages OpenWeb suivent les <a href="http://www.la-grange.net/w3c/wcag1/wai-pageauth.html">Directives pour l'accessibilité aux contenus Web</a>. Elles sont testées à l'aide des validateurs <a href="http://bobby.watchfire.com/bobby/html/en/">Bobby</a> et <a href="http://www.wave.webaim.org">Wave</a>.</li>
    </ul>
    <h3>Règles d'accessibilité respectées</h3>
    <p>Dans sa version actuelle, Openweb respecte :</p>
    <ul>
      <li>toutes les règles d'accessibilité de niveau 1 ;</li>
      <li>toutes les règles d'accessibilité de niveau 2 ;</li>
      <li>toutes les règles d'accessibilité de niveau 3 (à l'exception des articles contenant un tableau de données pour lesquels l'attribut <code>summary</code> est absent).</li>
    </ul>
    <p>Une prochaine version d'OpenWeb apportera de nouvelles améliorations. Si toutefois vous constatiez une erreur ou un oubli dans l'une des pages OpenWeb, ou si vous rencontriez une difficulté, n'hésitez pas à nous en faire part à l'adresse <a href="mailto:editorial%40openweb.eu.org">editorial@openweb.eu.org</a>.</p>
    <h4>Images</h4>
    <ul>
      <li>un équivalent textuel est fourni via l'attribut <code>alt</code> des images significatives, lorsqu'elles ne sont pas décrites précisément dans le texte qu'elles illustrent. L'attribut <code>alt</code> des images non-significatives est vide. La mise en page n'utilise pas d'<em>images invisibles</em> (priorité 1) ;</li>
      <li>les images ne sont utilisées que lorsqu'il n'existe aucun élément <acronym>XHTML</acronym> permettant de transmettre l'information concernée (priorité 2).</li>
    </ul>
    <h4>Couleurs</h4>
    <ul>
      <li>dans un navigateur graphique, OpenWeb peut être consulté avec différentes présentations variant les couleurs, grâce aux feuilles de style alternatives. Les couleurs propres à la configuration de l'utilisateur sont seules utilisées dans les présentations <em>Minimale</em> et <em>Sans habillage</em> ;</li>
      <li>les informations convoyées par des couleurs sont également accessibles sans couleur, à l'aide d'autres caractéristiques du texte ou des images : bordures, soulignement, graisse, fonte, etc (priorité 1) ;</li>
      <li>le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est testé à l'aide du simulateur <a href="http://www.vischeck.com/vischeck/vischeckURL.php">Vischeck</a> (priorité 2).</li>
    </ul>
    <h4>Langue</h4>
    <ul>
      <li>le texte par défaut d'OpenWeb étant en français, les changements de langue sont signalés à l'aide de l'atribut <code>xml:lang</code> ;</li>
      <li>la langue principale de chaque page est spécifiée dans les attributs <code>xml:lang</code> et <code>lang</code> de l'élément <code>html</code> (priorité 3).</li>
    </ul>
    <h4>Structure et présentation</h4>
    <ul>
      <li>l'utilisation des <a href="/css/">propriétés de positionnement CSS</a>, en séparant totalement présentation et contenu, permet aux documents de conserver hors <acronym>CSS</acronym> un ordre cohérent : titre, contenu, menus (priorité 1) ;</li>
      <li>OpenWeb est organisés en sections regroupant les articles par thèmes (priorité 2) ;</li>
      <li>la mise en page d'OpenWeb repose exclusivement sur des feuilles de style externes (priorité 2) ;</li>
      <li>les pages d'Openweb sont structurées à l'aide des titres <code>h1</code>…<code>h6</code>, employés dans l'ordre approprié (priorité 2) ;</li>
      <li>les informations formant des listes d'items sont balisées à l'aide des éléments <code>ul</code>, <code>ol</code> et <code>dl</code> (priorité 2) ;</li>
      <li>les informations formant des citations sont balisées à l'aide des éléments <code>cite</code>, <code>q</code> ou <code>blockquote</code>, lesquels sont réservés à cet effet (priorité 2) ;</li>
      <li>les informations-clés sont placées au début des entêtes, paragraphes, listes, etc. Les articles sont précédés d'un résumé (priorité 3) ;</li>
      <li>le style de présentation d'OpenWeb est cohérent sur l'ensemble du site, une feuille de style unique étant utilisée (priorité 3).</li>
    </ul>
    <h4>Tableaux</h4>
    <ul>
      <li>les tableaux ne sont utilisés sur ce site que pour la structuration de données, et non pour la présentation (priorité 1) ;</li>
      <li>les en-têtes de lignes et de colonnes y sont identifiés par l'élément <code>th</code> (priorité 1).</li>
    </ul>
    <h4>Scripts</h4>
    <ul>
      <li>les rares scripts clients utilisés sur OpenWeb ne servent à aucune fonction indispensable à la navigation ou à la consultation des pages. Celles-ci sont accessibles sans support Javascript (priorité 1).</li>
    </ul>
    <h4>Redimensionnement</h4>
    <ul>
      <li>afin de permettre aux utilisateurs de modifier la présentation d'OpenWeb, et spécialement la taille des caractères affichés, la mise en page repose sur l'emploi d'unités relatives (<code>em</code> et pourcentages) plutôt qu'absolues (pixels) (priorité 2) ;</li>
      <li>pour faciliter ce redimensionnement, OpenWeb peut être consulté dans la présentation <em>Minimale</em> qui ne spécifie aucune taille de caractères.</li>
    </ul>
    <h4>Redirection</h4>
    <ul>
      <li>les redirections éventuelles d'une page vers une autre sont gérées exclusivement au niveau serveur, et non à travers le balisage (priorité 2).</li>
    </ul>
    <h4>Métadonnées</h4>
    <ul>
      <li>les pages d'OpenWeb utilisent un jeu de métadonnées normalisées (Dublin Core - priorité 2).</li>
    </ul>
    <h4>Navigation et liens</h4>
    <ul>
      <li>le <a href="/openwebgroup/plan/">plan du site</a> OpenWeb est accessible depuis chaque page ;</li>
      <li>les menus de navigation reflètent la structure de l'information (priorité 2). Ils sont présents sur chaque page, et donnent accès à l'ensemble du site en permanence (priorité 3) ;</li>
      <li>les liens apparentés sont regroupés logiquement et structurellement. L'utilisation du titrage permet de contourner les groupes de liens dans Jaws (priorité 3) ;</li>
      <li>l'accès au moteur de recherche est possible par le raccourci clavier <kbd>4</kbd> ;</li>
      <li>les liens adjacents sont séparés par des caractères imprimables afin d'éviter leur confusion par les technologies d'assistance (priorité 3).</li>
    </ul>
    <h4>Formulaires</h4>
    <ul>
      <li>chaque élément apparent des formulaires est associé à un élément <code>label</code> (priorité 2) ;</li>
      <li>pour éviter un traitement incorrect des contrôles vides, des valeurs par défaut sont incluses dans les zones de texte (priorité 3) ;</li>
    </ul>
    <h4>Abréviations</h4>
    <ul>
      <li>les abréviations et acronymes sont balisés à l'aide de l'élément <code>acronym</code> (l'élément <code>abbr</code> n'est pas employé en raison de son absence de support dans <acronym>IE</acronym>). L'attribut <code>title</code> spécifie leur signification lors de leur première apparition dans la page (priorité 3).</li>
    </ul>
  </body>
</html>
