1

SUJET N41 :
CONCEPTION DE PLUGINS DE CORRECTION DE PAGES WEB AFIN QU'ELLES RESPECTENT LES NORMES D'ACCESSIBILIT
Projet de Fin dEtudes 2008/2009 Jonathan Courtois Equipe HaNT (LI)

Encadrants : Sonia Colas, Nicolas Monmarch, Mohamed Slimane Jury 2 : Claudine Tacquard

4 juin 2009

2


Introduction

Laccessibilit du Web Rendre l information contenue sur les sites Internet accessible pour tous Sites web de communes d Indre et Loire

Tablette braille Papenmeier Braillex Duo Haut-parleur Altec Lansing VS 2420

Jonathan Courtois - Plugins d'accessibilit

Plan
3  

Terminologie Prsentation du projet Le sujet L existant (PFE 2006/2007) Travail ralis Correction de bugs Amliorations apportes Plugins raliss Collaboration des PFE Tests et analyse des rsultats Conclusion
Jonathan Courtois - Plugins d'accessibilit

 

Terminologie
4

W3C : World Wide Web Consortium

Organisme de normalisation des technologies du web

WAI : Web Accessibility Initiative (W3C)

A pour objectif de rendre les technologies du web accessibles aux personnes handicapes

WCAG : Web Content Accessibility Guidelines (WAI)

Explique comment rendre des pages accessibles

Directive : Une directive est un thme du WCAG 1.0

Le WCAG 1.0 comporte 14 directives

Spcification : Point prcis d une directive

3 niveaux de priorit (A, AA et AAA)

Avec WCAG 2.0 (dcembre 2008) : 4 principes subdiviss en guide

Jonathan Courtois - Plugins d'accessibilit

Prsentation du projet
 Le sujet  L existant (PFE 2006/2007)

Jonathan Courtois - Plugins d'accessibilit

Le sujet
6

Jonathan Courtois - Plugins d'accessibilit

L existant : La plateforme de traitement

7

PFE 2006/2007 : Antoine Blais

Jonathan Courtois - Plugins d'accessibilit

L existant : Les plugins implments

8

Directive 5 : Crer des tableaux qui se transforment de faon lgante

Jonathan Courtois - Plugins d'accessibilit

L existant : La base de tests

9

50 sites web de communes d Indre et Loire

Jonathan Courtois - Plugins d'accessibilit

10

Travail ralis
   
Correction de bugs Amliorations apportes Plugins raliss Collaboration des PFE

Jonathan Courtois - Plugins d'accessibilit

Correction de bugs
11

Affichage d exceptions au niveau de l interface

Entre Plugins

 

Fichier de sortie toujours gnr Problme d interface

Jonathan Courtois - Plugins d'accessibilit

Amliorations apportes
12

Hirarchisation des di rents plugins

WCAG 1.0 : 65 spcifications Ajout de la classe catgorie

Avant : Utilisation dune jList

Aprs : Utilisation dun jTree

Jonathan Courtois - Plugins d'accessibilit

Amliorations apportes
13

Hirarchisation des di rents plugins

Algorithme rcursif de parcours de l arbre Multi-slection

Amliorations apportes
14

Gestion multilangues
Classe Con guration Classe Language (fichiers .properties)

Jonathan Courtois - Plugins d'accessibilit

Amliorations apportes
15

Plugins existants
Intgration des images
 Gestion

des chemins relatifs

Possibilit d arrter le traitement en mode manuel

 Clic sur la

croix rouge  Changement dynamique du mode d utilisation  Fin du traitement en mode automatique

Jonathan Courtois - Plugins d'accessibilit

Plugins raliss : Directive 1

16

Spcification 1.1 : Fournir un quivalent textuel chaque lment non-textuel

Image Input type image Applet Area Embed Button
Jonathan Courtois - Plugins d'accessibilit

Plugins raliss : Directive 1

17

Image / Input type image

Jonathan Courtois - Plugins d'accessibilit

Plugins raliss : Directive 1

18

Area

Plugins raliss : Directive 1

19

  

Applet Embed Button

Jonathan Courtois - Plugins d'accessibilit

Plugins raliss : Directive 3

20

Spcification 3.2 : Problmes de DOCTYPE

1. Ne pas avoir de DOCTYPE 2. Avoir plusieurs DOCTYPES dans le mme document 3. Avoir un DOCTYPE incorrect -> non ralis

Plugins raliss : Directive 3

21

Spcification 3.3 : Utiliser des feuilles de style pour contrler la mise en page et la prsentation
Style font-weight : bold plutt que <b></b>

Plugins raliss : Directive 3

22

Spcification 3.5 : Utiliser les lments d en-tte pour la structure du document de faon conforme
L imbrication des en-ttes

Jonathan Courtois - Plugins d'accessibilit

Plugins raliss : Directive 3

23

Spcification 3.5 : volutions futures

Vrifier qu il n y a pas d lments de titres dans la page ayant un niveau plus lev que le premier titre
 Dj implment,

rflchir aux solutions envisageables

Remplacer les styles/balises au profit des en-ttes

 Se baser

sur la longueur du texte (infrieure 10 mots)

Ne pas utiliser des en-ttes pour mettre en vidence du texte

 Se baser

sur la longueur du texte (suprieure 10 mots)

Source : aPrompt

Jonathan Courtois - Plugins d'accessibilit

Collaboration des PFE

24

Jonathan Courtois - Plugins d'accessibilit

Collaboration des PFE

25

Intgration la spcification 1.1

Jonathan Courtois - Plugins d'accessibilit

26

Tests et analyse des rsultats

   
Nouvelle base de tests Validateur et parseur Directive 1 Directive 3

Jonathan Courtois - Plugins d'accessibilit

Tests : Base de 30 sites web rcents

27

 

Sites web de communes d Indre et Loire Pages web pas adaptes aux nouvelles technologies (web 2.0) Nouvelle base de tests
Journal, achat en ligne, services Cinma, banque, informatique Vido en ligne, cole, sport

Jonathan Courtois - Plugins d'accessibilit

Tests : Validateurs & parseur

28

EvalAccess
Gratuit

(Laboratorio de Interaccin Persona-Computador para Necesidades Especiales)

Test des pages en ligne et de pages HTML locales WCAG 1.0 uniquement Pas de statistiques par directive

Cration d un parseur pour obtenir des statistiques

Jonathan Courtois - Plugins d'accessibilit

Tests : Base de 30 sites web rcents

29

Erreurs et warnings par directive

target

javascript

tableau

Jonathan Courtois - Plugins d'accessibilit

Tests : Directive 1
30

Pages en sortie
Pas de modification visuelle (ajout d informations)

Tests : Directive 3
31

Balises de titres systmatiquement dtectes par le validateur (warning) Responsabilit du webmaster de vrifier la validit de l utilisation de ses balises Tests non significatifs par rapport la directive 1

Jonathan Courtois - Plugins d'accessibilit

32

Conclusion
 Manuels et documentations  volutions futures

Jonathan Courtois - Plugins d'accessibilit

33

Questions

Jonathan Courtois - Plugins d'accessibilit