21
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. »

L’ ACCESSIBILITE

  • Upload
    india

  • View
    24

  • Download
    0

Embed Size (px)

DESCRIPTION

L’ ACCESSIBILITE. - PowerPoint PPT Presentation

Citation preview

Page 1: L’ ACCESSIBILITE

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)

Page 2: L’ ACCESSIBILITE

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

Page 3: L’ ACCESSIBILITE

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

Page 4: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE

?

Page 5: L’ ACCESSIBILITE

Diversité des utilisateurs

Non voyants Malvoyants Handicaps moteurs Déficiences auditives Déficiences cognitives et linguistiques Handicaps liés au vieillissement

POURQUOI L’ACCESSIBILITE ?

Page 6: 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 %

POURQUOI L’ACCESSIBILITE ?

Page 7: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE ?

Page 8: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE ?

Page 9: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE ?

Page 10: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE ?

Page 11: L’ ACCESSIBILITE

POURQUOI L’ACCESSIBILITE ?

Page 12: 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 siteadmirablement conçu anéantit l’argument selon lequel laconformité aux normes gêne ou détruit le graphisme.

Exemple d’un site non accessible : http://www.net-design.fr/index.phpLa mise en page de ce site est conçue grâce à l’imbricationde tableaux, complétée par l’utilisation de feuilles de style,utilisées non pas pour l’organisation des éléments de lapage mais uniquement pour leurs possibilités graphique.

POURQUOI L’ACCESSIBILITE ?

Page 13: L’ ACCESSIBILITE

Quelques chiffres…

En France, on estime que plus de 5 millions de personnessont 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é.

POURQUOI L’ACCESSIBILITE ?

Page 14: L’ ACCESSIBILITE

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

POURQUOI L’ACCESSIBILITE ?

Page 15: L’ ACCESSIBILITE

LES METHODES …

Page 16: L’ ACCESSIBILITE

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)

LES METHODES …

Page 17: L’ ACCESSIBILITE

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="roger en vacances" />

LES METHODES …

Page 18: L’ ACCESSIBILITE

Exemples en HTML

Formulaires : lier les champs à l’intitulé

<p>

<label for="nom"> Nom : </label><input type="text" id="nom" name="nom" tabindex="1" value="" />

</p>

Page 19: L’ ACCESSIBILITE

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>

Page 20: L’ ACCESSIBILITE

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

LES METHODES …

Page 21: L’ ACCESSIBILITE

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 conformesl’ampleur du travail à effectuer, et le temps nécessaire à son application