Académique Documents
Professionnel Documents
Culture Documents
13 avril 2010
Agenda
Pourquoi rendre un site Internet accessible ?
Accessibilit et Web
Mettre
le Web et ses services la disposition de tous les individus, quel que soit leur matriel ou logiciel, leur infrastructure rseau, leur langue maternelle, leur culture, leur localisation gographique, ou leurs aptitudes physiques ou mentales mentales. .
Tim Berners-Lee
Fondateur du W3C
Agenda
Pourquoi rendre un site Internet accessible ?
Agenda
Pourquoi rendre un site Internet accessible ?
Internaute malvoyant ou aveugle Texte crit petit Contraste entre texte et fond inadapt Internaute sourd ou malentendant ne sachant pas lire
| texte
Internaute aveugle ou malvoyant Internaute utilisant un navigateur en mode texte
| image
Internaute sourd ou malentendants Internaute ne disposant pas du matriel adquate
| son
Internaute aveugle ou malvoyant Internaute sourd ou malentendants Internaute ne disposant pas du matriel adquate
| vido animation
Internaute malvoyant, aveugle ou atteint dune affection visuelle (daltonisme par exemple) Utilisation dun navigateur en mode texte
| Lisibilit
Internaute aveugle ou malvoyant Internaute atteint dune dficience ou dun handicap moteur Utilisation dun navigateur en mode texte Utilisation dune aide matriel la navigation
| Navigabilit
Utilisation dun navigateur spcifique (mode texte par exemple) Utilisation dun support spcifique
| Compatibilit et portabilit
Mauvaise interprtation des contenus par les outils d'aide Incompatibilit avec les navigateurs web Incompatibilit avec les supports matriel Incompatibilit avec les paramtres daffichage (format, couleurs, )
Dsactivation ou non-interprtation des scripts par le navigateur Web Mauvaise signification derreur lors de la saisie de formulaires
Agenda
Pourquoi rendre un site Internet accessible ?
Agenda
Pourquoi rendre un site Internet accessible ?
Prsentation
. Les WCAG (Web Content Accessibility Guidelines) sont un recueil de bonnes pratiques pour rendre les contenus Web plus accessibles, considres comme la rfrence internationale. . Les WCAG sont le rsultat du travail de la WAI (Web Accessibility Initiative, W3C). . La version en vigueur est la 2.0, publie en dcembre 2008.
Objectifs
. Rendre les contenus Web plus faciles d'utilisation aux utilisateurs en gnral : - indpendamment de la dficience ou du handicap, - indpendamment de la technologie ou du matriel (ordinateur, mobile, PDA, Web TV, )
A AA AAA
Critres de succs essentiels pouvant raisonnablement sappliquer toutes les ressources Web.
Principe 1: Perceptible
Linformation et les composants de linterface utilisateur doivent tre prsents lutilisateur de faon ce quil puisse les percevoir.
Principe 2: Utilisable
Les composants de linterface utilisateur et de navigation doivent tre utilisables.
Proposer des quivalents textuels tout Proposernon des quivalents tout tre contenu contenu textuel qui textuels pourra alors non textuel qui pourra alors tre prsent sous prsent sous d'autres formes selon les Rendre toutes les fonctionnalits d'autres formes selon les besoins de l'utilisateur : besoins de l'utilisateur : grands caractres, Rendre toutes les fonctionnalits accessibles accessibles au clavier , synthse grands caractres, braille, vocale, au braille, synthse vocale, symboles clavier, symboles ou simplifi. Rendre le langage contenu textuel lisible ou et langage simplifi. Laisser l'utilisateur comprhensible . suffisamment de
mdias temporels.
Laisser l'utilisateur suffisamment de tempsaux pour lire Proposer deslire versions de remplacement temps pour et utiliser le contenu , et utiliser le contenu, Proposer des versions de remplacement
Principe 3: Comprhensible
Les informations et lutilisation de linterface utilisateur doivent tre comprhensibles.
Faire en sorte que les pages apparaissent aux mdias temporels. Ne pas concevoir de contenu susceptible de . et Ne fonctionnent pas concevoir de de manire contenu prvisible susceptible Crer un des contenu qui puisse tre prsent de provoquer crises, de provoquer des crises , diffrentes perte d'information ni Crer un manires contenusans qui puisse tre prsent Aider lutilisateur viter et mise corriger les de structure (parmanires exemple avec une en page Fournir l'utilisateur des lments d'orientation de diffrentes sans perte simplifie). Fournir erreurs de l'utilisateur saisie . le contenu des lments pour naviguer, trouver et se situer dans le d'information ni de structure. site. d'orientation pour naviguer, trouver le Faciliter la perception visuelle et auditive du contenu et situer dans le site. Faciliter lase perception visuelle et auditive
contenu par l'utilisateur, notamment en sparant du contenu par l'utilisateur, notamment en le premier plan de l'arrire-plan. l'arrire-
Principe 4: Robuste
Le contenu doit tre suffisamment robuste pour tre interprt de manire fiable par une large varit dagents utilisateurs, y compris les technologies dassistance.
Principe 1: Perceptible
Linformation et les composants de linterface utilisateur doivent tre prsents lutilisateur de faon ce quil puisse les percevoir.
Principe 2: Utilisable
Les composants de linterface utilisateur et de navigation doivent tre utilisables.
Proposer des quivalents textuels tout Proposernon des quivalents tout tre contenu contenu textuel qui textuels pourra alors non textuel qui pourra alors tre prsent sous prsent sous d'autres formes selon les Rendre toutes les fonctionnalits d'autres formes selon les besoins de l'utilisateur : besoins de l'utilisateur : grands caractres, Rendre toutes les fonctionnalits accessibles accessibles au clavier , synthse grands caractres, braille, vocale, au braille, synthse vocale, symboles clavier, symboles ou simplifi. Rendre le langage contenu textuel lisible ou et langage simplifi. comprhensible Laisser l'utilisateur . suffisamment de
mdias temporels.
Laisser l'utilisateur suffisamment de tempsaux pour lire Proposer deslire versions de remplacement temps pour et utiliser le contenu , et utiliser le contenu, Proposer des versions de remplacement
Principe 3: Comprhensible
Les informations et lutilisation de linterface utilisateur doivent tre comprhensibles.
Faire en sorte que les pages apparaissent aux mdias temporels. Ne pas concevoir de contenu susceptible de . et Ne fonctionnent pas concevoir de de manire contenu prvisible susceptible susceptible Crer un des contenu qui puisse tre prsent de provoquer crises, de provoquer des crises , diffrentes perte d'information ni Crer un manires contenusans qui puisse tre prsent Aider lutilisateur viter et mise corriger les de structure (parmanires exemple avec une en page Fournir l'utilisateur des lments d'orientation de diffrentes sans perte simplifie). erreurs Fournir de l'utilisateur saisie . le contenu des lments pour naviguer, trouver et se situer dans le d'information ni de structure. site. d'orientation pour naviguer, naviguer,trouver trouverle le Faciliter la perception visuelle et auditive du contenu et situer dans le site. Faciliter lase perception visuelle et auditive
contenu par l'utilisateur, notamment en sparant du contenu par l'utilisateur, notamment en le premier plan de l'arrire-plan. l'arrire-
Principe 4: Robuste
Le contenu doit tre suffisamment robuste pour tre interprt de manire fiable par une large varit dagents utilisateurs, y compris les technologies dassistance.
Principe 1: Perceptible
Linformation et les composants de linterface utilisateur doivent tre prsents lutilisateur de faon ce quil puisse les percevoir. Proposer des quivalents textuels tout contenu non textuel qui pourra alors tre prsent sous Rendre toutes les les fonctionnalits d'autres formes selon besoins de l'utilisateur : Rendre toutes les fonctionnalits accessibles accessibles au clavier , synthse grands caractres, braille, vocale, au clavier, symboles simplifi. Rendre ou le langage contenu textuel lisible et
Principe 2: Utilisable
Les composants de linterface utilisateur et de navigation doivent tre utilisables.
Principe 3: Comprhensible
Les informations et lutilisation de linterface utilisateur doivent tre comprhensibles.
comprhensible Laisser l'utilisateur . suffisamment suffisamment de Laisser l'utilisateur de tempsaux pour lire Proposer des versions de remplacement temps pour lire et utiliser le contenu , et utiliser le contenu, mdias temporels. Faire en sorte que les pages apparaissent Ne pas concevoir de contenu susceptible de . et Ne fonctionnent pas de de manire contenu prvisible susceptible Crer unconcevoir contenu qui puisse tre prsent de provoquer des crises, de provoquer des crises , diffrentes manires sans perte d'information ni Aider lutilisateur viter mise corriger les de structure (par exemple avec et une en page Fournir l'utilisateur des lments d'orientation simplifie). Fournir erreurs de l'utilisateur saisie . le contenu des lments pour naviguer, trouver et se situer dans le site. d'orientation pour naviguer, trouver le Faciliter la visuelle et auditive du contenu etperception se situer dans le site.
contenu par l'utilisateur, notamment en sparant le premier plan de l'arrirel'arrire-plan.
Principe 4: Robuste
Le contenu doit tre suffisamment robuste pour tre interprt de manire fiable par une large varit dagents utilisateurs, y compris les technologies dassistance.
Principe 1: Perceptible
Linformation et les composants de linterface utilisateur doivent tre prsents lutilisateur de faon ce quil puisse les percevoir.
Principe 2: Utilisable
Les composants de linterface utilisateur et de navigation doivent tre utilisables.
Proposer des quivalents textuels tout Proposernon des quivalents tout tre contenu contenu textuel qui textuels pourra alors non textuel qui pourra alors tre prsent sous prsent sous d'autres formes selon les Rendre toutes les fonctionnalits d'autres formes selon les besoins de l'utilisateur : besoins de l'utilisateur : grands caractres, Rendre toutes les fonctionnalits accessibles accessibles au clavier , synthse grands caractres, braille, vocale, au braille, synthse vocale, symboles clavier, symboles ou simplifi. Rendre le langage contenu textuel lisible ou et langage simplifi. comprhensible Laisser l'utilisateur . suffisamment de
mdias temporels.
Laisser l'utilisateur suffisamment de tempsaux pour lire Proposer deslire versions de remplacement temps pour et utiliser le contenu , et utiliser le contenu, Proposer Optimiser la compatibilit des contenus des versions de remplacement
Principe 3: Comprhensible
Les informations et lutilisation de linterface utilisateur doivent tre comprhensibles.
Faire en sorte que les pages apparaissent avec les agents utilisateurs actuels et aux mdias temporels. Ne pas concevoir de contenu susceptible de futurs, et Ne fonctionnent pas concevoir de de manire contenu prvisible susceptible susceptible un des contenu qui puisse tre prsent.de y Crer compris les technologies dassistance. provoquer crises, de provoquer des crises , diffrentes perte d'information ni Crer un manires contenusans qui puisse tre prsent Aider lutilisateur viter et mise corriger les de structure (parmanires exemple avec une en page Fournir l'utilisateur des lments d'orientation de diffrentes sans perte simplifie). erreurs Fournir de l'utilisateur saisie . le contenu des lments pour naviguer, trouver et se situer dans le d'information ni de structure. site. d'orientation pour naviguer, naviguer,trouver trouverle le Faciliter la perception visuelle et auditive du contenu et situer dans le site. Faciliter lase perception visuelle et auditive
contenu par l'utilisateur, notamment en sparant du contenu par l'utilisateur, notamment en le premier plan de l'arrire-plan. l'arrire-
Principe 4: Robuste
Le contenu doit tre suffisamment robuste pour tre interprt de manire fiable par une large varit dagents utilisateurs, y compris les technologies dassistance.
Agenda
Pourquoi rendre un site Internet accessible ?
Le rfrentiel Accessiweb
. Mis en uvre par lassociation BrailleNet. La version 2.0 est parue en dcembre 2009. . Le label Accessiweb qualifie laccessibilit dun site Web dans son concept gnral . La barre Accessiweb permet de tester laccessibilit des contenus.
Le rfrentiel Ocawa
. Mis en uvre par Urbilog et Orange. . Loutil associ est propos sous diffrentes formes (toolbar, webservice, en ligne, ) et permet de mesure la conformit dun site Web diffrents rfrentiels : Ocawa, RGAA, WCAG
Le rfrentiel Opquast
. Ensemble de bonnes pratiques pour la qualit des services en ligne mis en uvre par Temesis. . Opquast intgre des critres daccessibilit mais va au-del (contenu, cookies, scurit, navigation, ). . Loutil Mon-Opquast permet de mesurer la conformit dun site Web diffrents rfrentiels: Opquast, RGAA v1/v2.2, Accessiweb v1.1/v2.0
Agenda
Pourquoi rendre un site Internet accessible ?
02/2004 LADAE publie le Rfrentiel dAccessibilit des services Internet de lAdministration 10/1999 Circulaire du PM pour favoriser laccessibilit des sites Internet publics
02/2005 Loi 2005-102 pour lgalit des droits et des chances, la participation et la citoyennet des personnes handicaps
1999
2000
----
2004
2005
2006
2007
2008
2009
Contexte lgal
. Le RGAA rsulte de la loi n 2005-102 du 11 fvrier 2005 pour lgalit des droits et des chances, la participation et la citoyennet des personnes handicapes. Il a t mis en uvre par la DGME. . L'arrt relatif au RGAA a t publi le 29 octobre 2009 (JORF n 0251 page 18329 texte n 31). . Son application est obligatoire justifie par la publication dune attestation de conformit au RGAA.
Objectifs
. Favoriser laccessibilit des contenus diffuss sous forme numrique travers les canaux Web, Tlphonie et Tlvisuel. . Guider les autorits administratives dans ladoption et la mise en uvre de bonnes pratiques. . Offrir aux autorits administratives la possibilit de mesurer la conformit de leurs contenus Web au RGAA.
Services concerns
. Il sagit des services de lEtat, des collectivits territoriales, des agences, des tablissements publics, des entreprises publiques, et des personnes prives investies dune mission de service public.
Primtre dapplication
. Les sites Internet et intranet. . Les applications web (toute application mtier laquelle on accde au moyen dun navigateur web et qui vise tout ou partie des agents dun ministre ou le grand public. Exemple : inscription aux concours, logiciel de gestion de congs).
de
. Le RGAA rsulte de la loi n 2005-102 du 11 fvrier 2005 pour lgalit des droits et des chances, la participation et la citoyennet des personnes handicapes.
Guide daccompagnement
. Il vient complter le RGAA en prcisant le contexte et la dmarche et en proposant une mthode dapplication du rfrentiel dans le cadre de la mise en uvre de projets de mise en accessibilit
Impacts
. Pour les administrations: lensemble des sites concerns doivent tre mis en conformit avec le RGAA / Le RGAA doit tre intgr dans les appels doffres portant sur des sites Web . Pour les prestataires de services: il est indispensable dintgrer cette nouvelle contrainte, de la rdaction de la proposition commerciale la recette de lapplication ou du site web.
Agenda
Pourquoi rendre un site Internet accessible ?
RECETTE
DEVELOPPEMENT
Audit de lexistant
. Il vient complter le RGAA en prcisant le contexte et la dmarche et en proposant une mthode dapplication du rfrentiel dans le cadre de la mise en uvre de projets de mise en accessibilit
Dtermination du niveau de conformit avec le RGAA Identification des points critiques Dtermination du GAP en terme daccessibilit
RECETTE
DEVELOPPEMENT
RECETTE
DEVELOPPEMENT
RECETTE
DEVELOPPEMENT
Ergonomie et Designdes charges Audit dedes Analyse Rdaction lexistant du besoins cahier
. Recueil Dfinition des rubriques, des principes Formalisation Il vient des complter besoins des exigences le utilisateurs RGAA en techniques prcisant de navigation, de lorganisation le . et Dfinition fonctionnelles contexte deset types la de dmarche contenus et des en contenus, etc.. proposant . Dfinition une de la mthode cible du dapplication site Web du . Ralisation des story-boards rfrentiel dans le cadre de la mise en . Dfinition de la charte graphique uvre de projets de mise en . Ralisation des maquettes graphiques accessibilit
Validation de de laccessibilit des prototypes/maquettes Dtermination Mention Impact sur du lobligation le niveau niveau de daccessibilit de conformit respecter avec le cible RGAA le RGAA graphiques, des gabarits, Vigilance sur Identification Fourniture les contraintes du des RGAA daccessibilit points en critiques Annexe des contenus Analyse de faisabilit en terme daccessibilit Dtermination Identification dudes GAP thmatiques en terme daccessibilit de tests Contrle des grands principes dergonomie
RECETTE
DEVELOPPEMENT
Intgration Ergonomie et des Design gabarits Audit dedes Analyse Rdaction lexistant du besoins cahier des charges
. Recueil Dfinition Intgration des des rubriques, principaux des modles principes de Formalisation Il vient des complter besoins des exigences le utilisateurs RGAA en techniques prcisant de pages navigation, de lorganisation le . et Dfinition fonctionnelles contexte deset types la de dmarche contenus et des en contenus, . Cration des etc.. styles proposant Dfinition une de feuilles la mthode cible de du dapplication site Web du . Ralisation des story-boards rfrentiel dans le cadre de la mise en . Dfinition de la charte graphique uvre de projets de mise en . Ralisation des maquettes graphiques accessibilit
Fourniture Validation de aux laccessibilit intgrateurs des des prototypes/maquettes bonnes pratiques Dtermination Mention Impact de sur du lobligation le niveau niveau de daccessibilit de conformit respecter avec le cible RGAA le RGAA graphiques, respecter des gabarits, Vigilance sur Identification Fourniture les contraintes du des RGAA daccessibilit points en critiques Annexe des contenus Vrification Analyse de de faisabilit laccessibilit en terme des gabarits daccessibilit produits Dtermination Identification dudes GAP thmatiques en terme daccessibilit de tests Contrle des grands principes dergonomie
RECETTE
DEVELOPPEMENT
Dveloppement Ergonomie Intgration et des Design gabarits Audit dedes Analyse Rdaction lexistant du besoins cahier des charges
. Recueil Dveloppement Dfinition Intgration des des rubriques, principaux des fonctionnalits des modles principes du de Formalisation Il vient des complter besoins des exigences le utilisateurs RGAA en techniques prcisant de pages site navigation, de lorganisation le . et Dfinition fonctionnelles contexte deset types la de dmarche contenus et des en contenus, . Cration Tests unitaires des etc.. styles proposant Dfinition une de feuilles la mthode cible de du dapplication site Web du . Ralisation des story-boards rfrentiel dans le cadre de la mise en . Dfinition de la charte graphique uvre de projets de mise en . Ralisation des maquettes graphiques accessibilit
Fourniture Fourniture Validation aux de aux laccessibilit dveloppeurs intgrateurs des des prototypes/maquettes desbonnes bonnes pratiques pratiques Dtermination Mention Impact de sur du lobligation le niveau niveau de daccessibilit de conformit respecter avec le cible RGAA le RGAA graphiques, respecter des gabarits, Vigilance sur Identification Fourniture les contraintes du des RGAA daccessibilit points en critiques Annexe des contenus Intgration Vrification Analyse de de tests de faisabilit laccessibilit de conformit en terme des au gabarits daccessibilit RGAA dans produits les tests unitaires Dtermination Identification dudes GAP thmatiques en terme daccessibilit de tests Contrle des grands principes dergonomie
RECETTE
DEVELOPPEMENT
Recette Ergonomie Intgration Dveloppement et des Design gabarits Audit dedes Analyse Rdaction lexistant du besoins cahier des charges
. Recette Dveloppement Dfinition Intgration fonctionnelle des des rubriques, principaux des fonctionnalits des modles principes du de Recueil Formalisation Il vient des complter besoins des exigences le utilisateurs RGAA en techniques prcisant de pages site . Recette navigation, technique de lorganisation le et Dfinition fonctionnelles contexte deset types la de dmarche contenus et des en contenus, . Cration Tests unitaires des etc.. styles proposant Dfinition une de feuilles la mthode cible de du dapplication site Web du . Ralisation des story-boards rfrentiel dans le cadre de la mise en . Dfinition de la charte graphique uvre de projets de mise en . Ralisation des maquettes graphiques accessibilit
Fourniture Fourniture Validation Intgration aux de aux des laccessibilit dveloppeurs tests intgrateurs de conformit des des prototypes/maquettes desbonnes bonnes au RGAA pratiques pratiques dans les Dtermination Mention Impact de sur du lobligation le niveau niveau de daccessibilit de conformit respecter avec le cible RGAA le RGAA graphiques, scnarios respecter des de gabarits, Recette Vigilance sur Identification Fourniture les contraintes du des RGAA daccessibilit points en critiques Annexe des contenus Intgration Vrification Analyse Production de de tests de faisabilit laccessibilit de de lattestation conformit en terme des au de gabarits daccessibilit RGAA conformit dans produits les tests unitaires Dtermination Identification dudes GAP thmatiques en terme daccessibilit de tests Contrle des grands principes dergonomie
Pilotage Projet
. Directeur de projet : il dfinit la cible en terme daudience du futur site Web et le niveau cible daccessibilit. . Chef de projet : il intgre dans ses plannings les actions lies la mise en accessibilit et choisi le rfrentiel
Equipes de conception
. Graphiste / Ergonome / Analystes fonctionnelles et techniques . Ils prennent en compte les contraintes lies laccessibilit dans la conception du site Web
Equipes de ralisation
. Dveloppeurs: ils intgrent dans les normes de dveloppements les standards du W3C et les critres de succs du niveau daccessibilit cible. Ils enrichissent leurs tests unitaires de tests daccessibilit.
Equipes de Recette
. Rdacteurs des scnarii/tests de Recette: ils intgrent dans les scnarii des tests daccessibilit, lis au niveau cible et au rfrentiel choisi.
Agenda
Pourquoi rendre un site Internet accessible ?
Qualit Web
Laccessibilit sinscrit dans une dmarche qualit du Web
. La notion de Qualit Web correspond la volont damliorer le service rendu linternaute travers diffrents domaines:
- accessibilit, - code source, - gestion des contenus, - navigation, - formulaires, - scurit, - interaction, - etc
pas de frames plan du site et moteur de recherche contraste adapt
. Le respect de 10 principes de base dans la mise en uvre de sites Web induit automatiquement un niveau daccessibilit convenable.
Contact
Fabrice Croiz
Manager, Business System Integration
e-mail : fabrice.croize@bearingpointconsulting.com mobile: +33 621728370 phone : +33 158863000