1 / 21

L’ ACCESSIBILITE

L’ ACCESSIBILITE.

india
Download Presentation

L’ ACCESSIBILITE

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. L’ ACCESSIBILITE « C’est mettre le Web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » (Tim Berners-Lee)

  2. L'accessibilité du Web concerne principalement : • Les sites Internet et les applications web • Les navigateurs Internet et les lecteurs de média • Les logiciels de création de contenu multimédia

  3. WAI Pour permettre cette accessibilité, la W3C a créé en 1996, le projet WAI (Initiative d’Accès au Web) qui consiste à : • Uniformiser les langages et les protocoles du web, comme CSS, COM, XHTML,… • développer des recommandations pour l'accessibilité • améliorer les outils permettant d'évaluer et de réparer l'accessibilité du Web • créer des documents d'information pour le monde de l'éducation et les travailleurs sociaux • coordonner la recherche et développement

  4. POURQUOI L’ACCESSIBILITE ?

  5. POURQUOI L’ACCESSIBILITE ? Diversité des utilisateurs • Non voyants • Malvoyants • Handicaps moteurs • Déficiences auditives • Déficiences cognitives et linguistiques • Handicaps liés au vieillissement

  6. POURQUOI L’ACCESSIBILITE ? Différences de navigateurs • 1. Microsoft IE 85. 45 % • 2. Mozilla Firefox 11.51 % • 3. Apple Safari 1.75 % • 4. Opera 0.77 % • 5. Netscape 0.26 %

  7. POURQUOI L’ACCESSIBILITE ?

  8. POURQUOI L’ACCESSIBILITE ?

  9. POURQUOI L’ACCESSIBILITE ?

  10. POURQUOI L’ACCESSIBILITE ?

  11. POURQUOI L’ACCESSIBILITE ?

  12. POURQUOI L’ACCESSIBILITE ? Test des logiciels et matériels pour personnes handicapées • Exemple d’un site accessible : http://www.srfletcher.net/index.html Validé XHTML, CSS, WAI AAA par le W3C, ce site admirablement conçu anéantit l’argument selon lequel la conformité aux normes gêne ou détruit le graphisme. • Exemple d’un site non accessible : http://www.net-design.fr/index.php La mise en page de ce site est conçue grâce à l’imbrication de tableaux, complétée par l’utilisation de feuilles de style, utilisées non pas pour l’organisation des éléments de la page mais uniquement pour leurs possibilités graphique.

  13. POURQUOI L’ACCESSIBILITE ? Quelques chiffres… En France, on estime que plus de 5 millions de personnes sont handicapées, soit près d'un français sur 10. • 1,5 millions de personnes malvoyantes, • 60.000 aveugles, • 3.500.000 malentendants, • 450.000 sourds, • 1 million de personnes souffrant d'un handicap mental, • 850.000 personnes souffrant d'un handicap isolé, • 1,4 millions de personnes souffrant d'un handicap moteur associé.

  14. POURQUOI L’ACCESSIBILITE ? Etude réalisée sur l’accessibilité de 200 sites Web québécois et canadiens francophones classés par domaines.

  15. LES METHODES …

  16. LES METHODES … Uniformisation du web Rôles des balises HTML >> Structurer l’information Usages détournés >> Conception visuelle Conséquences >> Perte du sens non visuel (lecteurs vocaux, robots, …) Solutions >> Normes W3C (Web 1.0, XHTML)

  17. LES METHODES … Exemples en HTML Usage générales d’accessibilité: > balises en minuscule > balises tjrs refermées : <li>texte</li> <br /> > encodage des caractères : é : &eacute; à : &agrave; … > Toujours indiquer les contenus textuel des images : <img src="/images/photo.gif" alt="rogeren vacances" />

  18. Exemples en HTML • Formulaires : lier les champs à l’intitulé <p> <labelfor="nom"> Nom : </label> <input type="text" id="nom" name="nom"tabindex="1" value="" /> </p>

  19. Exemples en HTML • Tableaux : lier les cellules <table> <tr> <th id="entete1">Nom</th> <th id="entete2">Pr&eacute;nom</th> </tr> <tr> <td headers="entete1">Lamour</th> <td headers="entete2">Robert</th> </tr> </table>

  20. LES METHODES … WAI : 3 niveaux d’accessibilité A Un développeur de contenu Web doit satisfaire ce point de contrôle. • Texte de remplacement pour les images, frames et animations. • Equivalents textuels AA Un développeur de contenu Web devrait satisfaire ce point de contrôle. • Respect de la sémantique : utilisation appropriée des balises. • Séparation du code informationnel et du code de mise en forme, désormais géré les feuilles de style. • S’assurer d’un contraste suffisant entre le texte et l’arrière plan. AAA Un développeur de contenu Web peut respecter ce point de contrôle. • faciliter la navigation au clavier • fournir des méta-informations sur la page (langage, contenu…) • mise en place de raccourcis clavier pour accéder aux différentes parties du site • Hiérarchiser les menus pour faciliter la navigation au clavier • créer un ordre logique pour les formulaires

  21. Les problèmes dans la mise en place de ces normes : comment s’assurer que tous les webmasters appliqueront désormais les nouvelles normes convaincre les sociétés créatrices de navigateurs de respecter les normes nécessité de la refonte des anciens sites web non conformes l’ampleur du travail à effectuer, et le temps nécessaire à son application

More Related