Vendredi, 09 Mai 2008 - 22:04
L'URL de la page auditée : "http://www.voila.fr/Accessibilite/?aideaccessi=1"
Délai de réponse du serveur : 0 seconde(s)
Titre de la page : Accessibilite: Voila accessible, actualite, e-mail, t'chat, RSS, moteur de recherche et tradution.
Taille de la page : 14674 octet(s)
δ [ligne 00001] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> [ligne 00002] <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr"> [ligne 00003] <head> [ligne 00004] <meta http-equiv="content-type" content="text/html; charset=utf-8"/> [ligne 00005] <title>Accessibilité: Voila accessible, actualité, e-mail, t'chat, RSS, moteur de recherche et tradution.</title> [ligne 00006] <meta name="description" content="Voila Accessible vous propose une interface dynamique qui vous permet d'accéder à de nombreux services de recherche (shopping, voyages, annuaires), des thématiques (actualité, horoscope, météo, sport, bourse) et de nombreux outils essentiels (e-mail, t'chat et gestion vos flux RSS favoris) accessibilité"/> [ligne 00007] <meta name="keywords" content="Voila Accessibilité,Accessibilité, site web accessible,RSS,Moteur de recherche,Vidéos,Annuaires,Auto,Emploi,Immo,Immobilier,Shopping,Itinéraires,Plans,Voyages,Cinéma,Logithèque,Famille et Généalogie,Enchères,Gagnez 100.000 €,E-mail,t'Chat,Le messager,SMS,Pages perso,Rencontres avec Meetic,Traducteur,Horoscope,Météo,Programmes Télé"/> [ligne 00008] <link rel="shortcut icon" href="/favicon.ico" /> [ligne 00009] <link rel="stylesheet" type="text/css" media="screen" href="/Accessibilite/Css/accessible.css" /> [ligne 00010] <script type="text/javascript" src="/Js/stat.js" charset="utf-8"></script> [ligne 00011] <script type="text/javascript" src="/Js/gestion_moteur.js" charset="utf-8"></script> [ligne 00012] [ligne 00013] </head> [ligne 00014] <body class="fdBc plNr polNorm "> [ligne 00015] δ [ligne 00016] <div id="page"> [ligne 00017] [ligne 00018] <!--******************** MOTEUR DE RECHERCHE ************************--> [ligne 00019] <div id="o_header"> [ligne 00020] <div id="loginDiv"> [ligne 00021] Bonjour ! (<a href="vip_login_accessi.php?urlaccessi=1">s'identifier</a> | <a href="vip_subscribe_accessi.php?urlaccessi=1">créer un compte</a>), nous sommes le samedi 10 mai 2008 - <a href="http://shopping.voila.fr/7X--Fleurs_et_plantes_-_cat_id--14977__rf--vsz001" onclick="new OngletInfo('Recherches', 'ephemeride', 'rec', this.href, 'lienshop', '1', '', ''); return false;"> Pacôme, offrez-lui des fleurs</a> </div> [ligne 00022] <ul class="moteurLien"> [ligne 00023] <li class="navig"> [ligne 00024] <ul> [ligne 00025] <li><a href="/Accessibilite/?affichage=1" titre="changer l'apparence de la page">Mon apparence</a></li> [ligne 00026] <li><a href="/Accessibilite/?aideaccessi=1" titre="afficher l'aide accessibilité">Aide</a></li> [ligne 00027] <li><a href="#moninternet" titre="accedez au bloc Mon internet">Mon internet</a></li> [ligne 00028] <li><a href="#brecherche" titre="accedez au bloc Recherche">Recherche</a></li> [ligne 00029] <li><a href="#mesflux" titre="accedez au bloc Mes flux">Mes flux</a></li> [ligne 00030] <li><a href="#mesmenus" titre="accedez au bloc Mes Services">Mes Services</a></li> δ [ligne 00031] </ul> [ligne 00032] </li> [ligne 00033] <li id="logo"> [ligne 00034] <a href="../Accessibilite/" titre="voila accessible, accessibilite web"><img src="Images_accessi/logo_t.png" id="logo-voila" alt="accedez à voila accessible, accessibilite web "/></a> [ligne 00035] <form id="recherche" onsubmit="return searchEngine();" action="http://search.ke.voila.fr/S/voila?profil=voila&bhv=web_fr" methode="get"> [ligne 00036] <label for="rdata">Recherche sur voila.fr :</label><br /> [ligne 00037] <input id="rdata" type="text" title="Indiquez vos mots-clés pour la recherche" accesskey="4" value="" size="25" name="rdata" /> [ligne 00038] <input type="submit" value="Envoyer" name="Submit" /> [ligne 00039] </form> [ligne 00040] </li> [ligne 00041] <li id="contenu_communiquer"> [ligne 00042] <ul id="enlarge2"> [ligne 00043] <li><a href="http://mail.voila.fr"> [ligne 00044] <img id="email" src="Images_accessi/email_t.png" title="E-mail gratuit avec voila.fr" alt="E-mail gratuit avec voila.fr"/> [ligne 00045] </a> δ [ligne 00046] </li> [ligne 00047] <li><a href="http://meetic.voila.fr/index.php?mtcmk=008642"> [ligne 00048] <img id="rencontre" src="Images_accessi/rencontres_t.png" title="Rencontres avec Meetic" alt="Rencontres avec Meetic"/> [ligne 00049] </a> [ligne 00050] </li> [ligne 00051] <li><a href="http://video.voila.fr"> [ligne 00052] <img id="video" src="Images_accessi/videos_t.png" title="Vidéos en ligne, humour, actualité, vidéos persos etc." alt="Vidéos en ligne, humour, actualité, vidéos persos etc."/> [ligne 00053] </a> [ligne 00054] </li> [ligne 00055] <li><a href="http://macle.voila.fr"> [ligne 00056] <img id="cle" src="Images_accessi/cleusb_t.png" title="Ma clé de stockage sur voila.fr" alt="Cle de stockage voila"/> [ligne 00057] </a> [ligne 00058] </li> [ligne 00059] <li><a href="http://tr.voila.fr"> [ligne 00060] <img id="tra" src="Images_accessi/traducteur_t.png" title="Traduction en ligne" alt="Traduction en ligne"/> δ [ligne 00061] </a> [ligne 00062] </li> [ligne 00063] <li><a href="http://tchat.voila.fr"> [ligne 00064] <img id="tchat" src="Images_accessi/tchat_t.png" title="T'Chat, t'chattez en direct avec vos amis" alt="T'Chat, t'chattez en direct avec vos amis"/> [ligne 00065] </a> [ligne 00066] </li> [ligne 00067] <li><a href="http://local.search.ke.voila.fr/S/searchproxi?profil=enville_voila"> [ligne 00068] <img id="ren" src="Images_accessi/renseignement_t.png" title="Annuaires" alt="Annuaires"/> [ligne 00069] </a> [ligne 00070] </li> [ligne 00071] <li><a href="http://monsite.voila.fr"> [ligne 00072] <img id="pagep" src="Images_accessi/pagesperso_t.png" title="Pages Perso, créez votre site perso en quelques clics sur voila" alt="Pages Perso, créez votre site perso en quelques clics sur voila"/> [ligne 00073] </a> [ligne 00074] </li> [ligne 00075] δ [ligne 00076] </ul> [ligne 00077] [ligne 00078] </li> [ligne 00079] [ligne 00080] [ligne 00081] </ul> [ligne 00082] [ligne 00083] <!-- ******************** LES MENUS ************************--> [ligne 00084] [ligne 00085] <a name="haut"></a> [ligne 00086] <div id="menuHeader"> [ligne 00087] <ul class="rr" id='rr2' > [ligne 00088] [ligne 00089] <li><a href="/Accessibilite/" accesskey="b" title="Accueil voila accessible">Page d'accueil</a></li> [ligne 00090] <!-- <li><a href="/Accessibilite/?affichage=1" accesskey="p" title="Paramétrer l'affichage de cette page">Modifier l'apparence de cette page</a></li> --> δ [ligne 00091] <li><a href="#" onclick="if(document.all){this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.voila.fr/Accessibilite/');}else{sTitle='Voila accessibilité';sUrl='http://www.voila.fr/Accessibilite/';if(window.sidebar) window.sidebar.addPanel(sTitle,sUrl,sTitle) [ligne 00092] else if(document.all) window.external.AddFavorite(sUrl,sTitle) [ligne 00093] else if(window.opera&&window.print) [ligne 00094] {var mbm=document.createElement('a');mbm.setAttribute('rel', 'sidebar');mbm.setAttribute('href',sUrl);mbm.setAttribute('title',sTitle);mbm.click();}};" accesskey="d" title="Faites de voila accessible la page d'accueil de votre navigateur internet">Voila Accessible en page d'accueil</a></li> [ligne 00095] <li><a href="http://voila.fr" accesskey="d" title="Retour à la home page voila.fr">Page d'accueil voila.fr</a></li> [ligne 00096] <!-- <li><a href="/Accessibilite/?aideaccessi=1" accesskey="d" title="Accèder à la page Aides à la navigation ">Aides accessibilité</a></li> --> [ligne 00097] </ul> [ligne 00098] </div> [ligne 00099] </div> [ligne 00100] [ligne 00101] <div class="contenu"> [ligne 00102] <a name="self"></a> [ligne 00103] [ligne 00104] <div class="contenu1"> [ligne 00105] <br /><br /> δ [ligne 00106] <h2>Compatibilité avec les navigateurs</h2> [ligne 00107] <p>Ce site est compatible avec tous les navigateurs récents supportant html 4.01et css 2. [ligne 00108] <br/> [ligne 00109] Ce site respecte le vocabulaire et la grammaire xhtml et css préconisé par le W3C. [ligne 00110] </p> [ligne 00111] [ligne 00112] <p class="goToTop"><a href="#self">Haut de page</a></p> [ligne 00113] [ligne 00114] </div> [ligne 00115] <hr> [ligne 00116] <br/> [ligne 00117] <div class="contenu1"> [ligne 00118] <h2>Styles alternatifs ( Taille, couleur et fond du texte ) </h2> [ligne 00119] <h3>1. Avec le site</h3> [ligne 00120] <p>Ce site vous permet de <a href="?affichage=1"> régler la taille et la couleur du texte ainsi que la couleur du fond</a> la plus confortable pour vous. Votre réglage est mémorisé, dans un cookie, pour vos prochaines consultations du site.</p> δ [ligne 00121] <h3>2. Avec votre navigateur</h3> [ligne 00122] <p>Si votre navigateur n'accepte pas les cookie, vous pouvez choisir la taille du texte qui vous convient en utilisant les options de votre navigateur. </p> [ligne 00123] <p> [ligne 00124] <img alt="IE" src="Images_accessi/ico_ie.gif"/><span class="gras"><acronym title="internet explorer">IE</acronym>:</span> [ligne 00125] Sélectionnez le menu "Affichage ; Taille du texte"<br/> [ligne 00126] <img alt="Mozilla" src="Images_accessi/ico_mozilla.gif"/><span class="gras">Mozilla :</span>Sélectionnez le menu "Affichage ; Taille du texte"<br/> [ligne 00127] <img alt="netscape" src="Images_accessi/ico_netscape.gif"/><span class="gras">Netscape :</span>Sélectionnez le menu<br/> [ligne 00128] <img alt="Oprera" src="Images_accessi/ico_opera.gif"/><span class="gras">Opera :</span>Sélectionnez le menu "Afficher ; Zoom"<br/> [ligne 00129] <img alt="Safari" src="Images_accessi/ico_safari.gif"/><span class="gras">Safari :</span>Sélectionnez le menu "Présentation ; Agrandir / Réduire la taille du texte"<br/> [ligne 00130] </p> [ligne 00131] <p>Si vous êtes équipé d'une souris à molette, la plupart des navigateurs peuvent grossir la taille du texte en combinant la molette avec une touche du clavier :</p> [ligne 00132] <p><img alt="Windows" src="Images_accessi/ico_windows.gif"/><span class="gras">Windows :</span><acronym title="control">Ctrl</acronym>+ molette de la souris<br/> [ligne 00133] <img alt="Mac" src="Images_accessi/ico_mac.gif"/><span class="gras">Mac :</span>Pomme + molette de la souris<br/> [ligne 00134] </p> [ligne 00135] <p class="goToTop"><a href="#self">Haut de page</a></p> δ [ligne 00136] </div> [ligne 00137] [ligne 00138] <hr> [ligne 00139] <br/> [ligne 00140] <div class="contenu1"> [ligne 00141] [ligne 00142] <h2>Navigation</h2> [ligne 00143] <h3>1. Logo et bannière cliquable</h3> [ligne 00144] <p>Sur toutes les pages, le logo "VOILA" Ainsi que le lien "Page d'accueil Voila.fr" permettent de retourner à la page d'accueil du site.</p> [ligne 00145] <h3>2. Menus</h3> [ligne 00146] <h4>a. Les barres de menus principal</h4> [ligne 00147] <p>une barre de menu principale est présente partout en début de page. Elle indique les principaux contenus et familles de contenus de ce site. Elle permet aussi de naviguer dans le site. Un bloc de menus "Mes menus" (à gauche aprés le bloc "A la une" ) contient des liens contextuels pour accéder aux différentes rubriques de la page home de voila.fr. </p> [ligne 00148] <h4>b. Haut de page</h4> [ligne 00149] <p>Lorsque la page est susceptible de présenter un contenu volumineux, des liens "Haut de page" sont proposées à la fin de chaque section.</p> [ligne 00150] <h3>3. Impression</h3> δ [ligne 00151] <p>Toutes les pages peuvent être imprimées sur un papier A4 portrait. La taille du texte imprimé est proportionnelle à la taille du texte affichée.</p> [ligne 00152] <p class="goToTop"><a href="#self">Haut de page</a></p> [ligne 00153] [ligne 00154] [ligne 00155] </div> [ligne 00156] [ligne 00157] [ligne 00158] <hr> [ligne 00159] <div class="contenu1"> [ligne 00160] [ligne 00161] <h2>Règles D'accessibilité respectées: </h2> [ligne 00162] <h3>1. Respect des normes W3C</h3> [ligne 00163] <p>Le code XHTML est conforme à la Spécification XHTML 1.0. Il est testé à l'aide du validateur HTML du W3C ;</p> [ligne 00164] <p>Le code CSS est conforme à la Spécification CSS2. Il est testé à l'aide du validateur CSS du W3C ;</p> [ligne 00165] <p>Les pages Voila Accessible suivent les Directives pour l'accessibilité aux contenus Web. Elles sont testées à l'aide des validateurs Bobby et Wave</p> δ [ligne 00166] <p>Dans sa version actuelle, Voila Accessible respecte toutes les règles d'accessibilité de niveau 1, 2 et 3</p> [ligne 00167] [ligne 00168] <h4>a. Les Images</h4> [ligne 00169] <p>un équivalent textuel est fourni via l'attribut alt des images significatives, lorsqu'elles ne sont pas décrites précisément dans le texte qu'elles illustrent. L'attribut alt des images non-significatives est vide. La mise en page n'utilise pas d'images invisibles (priorité 1) ;</p> [ligne 00170] <p>les images ne sont utilisées que lorsqu'il n'existe aucun élément XHTML permettant de transmettre l'information concernée (priorité 2).</p> [ligne 00171] [ligne 00172] <h4>b. Couleurs</h4> [ligne 00173] <p>dans un navigateur graphique, Voila Accessible, peut être consulté avec différentes présentations variant les couleurs, grâce aux feuilles de style alternatives;</p> [ligne 00174] <p>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 .</p> [ligne 00175] <p>l'utilisation des propriétés de positionnement CSS, en séparant totalement présentation et contenu, permet aux documents de conserver hors CSS un ordre cohérent : titre, contenu, menus (priorité 1) ;</p> [ligne 00176] <p>Voila Accessible est organisés en sections regroupant les articles par thèmes (priorité 2) ;</p> [ligne 00177] <p>la mise en page du site repose exclusivement sur des feuilles de style externes (priorité 2) ;</p> [ligne 00178] <p>les pages de site sont structurées à l'aide des titres h1Â…h6, employés dans l'ordre approprié (priorité 2) ;</p> [ligne 00179] <p>les informations formant des listes d'items sont balisées à l'aide des éléments ul, ol et dl (priorité 2) ;</p> [ligne 00180] <p>le style de présentation de voila accessible est cohérent sur l'ensemble du site, une feuille de style unique étant utilisée (priorité 3).</p> δ [ligne 00181] [ligne 00182] <h4>c. Les tableaux</h4> [ligne 00183] <p>les tableaux ne sont utilisés sur ce site que pour la structuration de données, et non pour la présentation (priorité 1) ;</p> [ligne 00184] <p>les en-têtes de lignes et de colonnes y sont identifiés par l'élément th (priorité 1).</p> [ligne 00185] [ligne 00186] <h4>d. Les scripts</h4> [ligne 00187] <p>Aucun script n'est employé dans le site (priorité 1).</p> [ligne 00188] [ligne 00189] <h4>e. Redimensionnement </h4> [ligne 00190] <p>afin de permettre aux utilisateurs de modifier la présentation du site, et spécialement la taille des caractères affichés et la taille des différents blocs, la mise en page repose sur l'emploi d'unités relatives (em et pourcentages) plutôt qu'absolues (pixels) (priorité 2).</p> [ligne 00191] [ligne 00192] <h4>f. Redirection </h4> [ligne 00193] <p>les redirections éventuelles d'une page vers une autre sont gérées exclusivement au niveau serveur, et non à travers le balisage (priorité 2).</p> [ligne 00194] [ligne 00195] <h4>g. Formulaires </h4> δ [ligne 00196] <p>chaque élément apparent des formulaires est associé à un élément label (priorité 2) ;</p> [ligne 00197] <p>pour éviter un traitement incorrect des contrôles vides, des valeurs par défaut sont incluses dans les zones de texte (priorité 3) ;</p> [ligne 00198] [ligne 00199] <br /> [ligne 00200] <hr> [ligne 00201] <p>Pour le moment seule la home de voila.fr est accessible, à terme nous désirons mettre voila entièrement accessible - L'équipe voila </p> [ligne 00202] </div> [ligne 00203] [ligne 00204] [ligne 00205] [ligne 00206] [ligne 00207] [ligne 00208] </div></div> [ligne 00209] <br/> [ligne 00210] <a name="bas"></a> δ [ligne 00211] <div class="pieddepage" id='pieddepage2' > [ligne 00212] <div class="gauche">©France Telecom</div> [ligne 00213] <a href='http://aide.voila.fr' onclick='r_voila("footer", "lienAide", this.href, "1");'>Aide</a> | [ligne 00214] <a href="mailto:accessible@voila.net" titre="contactez voila accessible, site accessible">Contactez-nous</a> | [ligne 00215] <a href='http://r.voila.fr/r/Rregie' onClick='r_voila("footer", "lienRegiePublicitaire", this.href, "3");'>Régie publicitaire</a> | [ligne 00216] <a href='http://aide.voila.fr/Le-nouveau-voila/charte-vie-privee.html' onClick='r_voila("footer", "lienCharteViePrivee", this.href, "4");' >Charte vie privée</a> | [ligne 00217] <a href='/' onclick="simpleCall('footer', 'lienCharteInfoLegale', '5'); window.open('http://c.voila.fr/V4/Inc/infos_legales.html','','resizable=no,width=725,height=600'); return false;">Infos légales</a> [ligne 00218] </div> [ligne 00219] <img src="http://t.voila.fr/track?sn=www.voila.fr&h=http://www.voila.fr&pn=/Accessibilite/&r=165143598" width="1" height="1" /></body> [ligne 00220] </html>