SlideShare une entreprise Scribd logo
AcceDe Web
Notices pratiques et libres
de prise en compte de l’accessibilité
David Monnehay
E-Accessibility consultant
Référentiels disponibles
RGAA
SGQRI 008-02
Ils ne sont pas adaptés à la gestion de projets
et de nombreux autres…
Il sont complexes à appréhender pour une partie
des membres d’une équipe de production (chef de
projet, ergonome, graphiste, contributeurs)
L’absence de ressources clairs et synthétiques
freine le déploiement de l’accessibilité
Et le soutien de :
Agence Entreprises & Handicap, Anysurfer, Association des Paralysés de France (APF),
CIGREF, Design For All Foundation, ESSEC, Handirect, Hanploi,
Sciences Po, Télécom ParisTech
Notices adaptées aux étapes d’un projet web,
compréhensibles par les acteurs des projets
Recommandations simples
Synthétiques et opérationnelles
Une base de connaissances libre
pour les professionnels du web
Adaptées aux projets
Adaptées à chaque phase d’un projet
Prévoir l’apparence des liens d’évitement
[Notice d’accessibilité pour la conception fonctionnelle et graphique]
L’apparence d’un lien d’évitement « Aller au contenu » doit être prévu au sommet
d’au moins une des maquettes graphiques.
Astuce
Si souhaité, celui-ci peut être masqué par défaut. Dans ce cas-là, c’est en phase de
développement qu’il sera rendu visible dans certaines situations (navigation au clavier,
version mobile, etc.).
Cas d’utilisation
Intégration HTML :
Garantir la visibilité de la prise de focus au clavier
Maquettes graphiques :
Prévoir l’apparence des liens au survol à la souris et à la prise de focus clavier
Cas d’utilisation
Maquettes graphiques :
Prévoir un moyen de stopper les animations
Composants Interface riche :
Carrousels
Socle HTML, Comportement clavier, Comportement javascript
Cas d’utilisation
Guidelines for rich interfaces and JavaScript :
Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Cas d’utilisation
Guidelines for rich interfaces and JavaScript :
Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Notice Graphique :
Assurer un contraste suffisant entre les textes et l’arrière-plan
ou proposer une alternative contrastée
Cas d’utilisation
Guidelines for rich interfaces and JavaScript :
Slideshows
Basic HTML Code, Javascript behavior, keyboard behavior
Échec 2.4:1 Ok 4.7:1 Échec 2.3:1 Échec 2.2:1
Cas d’utilisation
Notice Graphique :
Assurer un contraste suffisant entre les textes et l’arrière-plan
ou proposer une alternative contrastée
Cas d’utilisation
Une checklist pour chaque étape
Une façon simple d’impliquer chaque
intervenant à leur propre niveau
La bonne information au bon moment
Peuvent être modifiées pour être
adaptées à vos processus qualité
Merci :-)
David Monnehay
dmonnehay@atalan.fr
http://accede.info/
contact@atalan.fr

Contenu connexe

En vedette

Open Source Governance in OW2 SQUAT program, OW2con'12, Paris
Open Source Governance in OW2 SQUAT program, OW2con'12, ParisOpen Source Governance in OW2 SQUAT program, OW2con'12, Paris
Open Source Governance in OW2 SQUAT program, OW2con'12, Paris
OW2
 
Antepedia Reporter and Fossology: Updates and new challenges toward software ...
Antepedia Reporter and Fossology: Updates and new challenges toward software ...Antepedia Reporter and Fossology: Updates and new challenges toward software ...
Antepedia Reporter and Fossology: Updates and new challenges toward software ...
OW2
 
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris. DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
OW2
 
Paisajes De Serge Motylev
Paisajes De Serge MotylevPaisajes De Serge Motylev
Paisajes De Serge Motylev
alfcoltrane
 
What Do You Feel 2008
What Do You Feel 2008What Do You Feel 2008
What Do You Feel 2008
renee22220
 
Chapter 1 presentation
Chapter 1 presentationChapter 1 presentation
Chapter 1 presentation
dphil002
 
Vol 02 chapter 11 2012
Vol 02 chapter 11 2012Vol 02 chapter 11 2012
Vol 02 chapter 11 2012
dphil002
 
Project Avalon Online(Game) Final Report
Project Avalon Online(Game) Final ReportProject Avalon Online(Game) Final Report
Project Avalon Online(Game) Final Report
Matthew Chang
 
1 early britain. the celts
1  early britain. the celts1  early britain. the celts
1 early britain. the celtsMr. Euc@s
 
Por qué leer a los clásicos, de
Por qué leer a los clásicos, dePor qué leer a los clásicos, de
Por qué leer a los clásicos, de
María Belén García Llamas
 
Los 88 pelda+os del +ëxitov 02
Los 88 pelda+os del +ëxitov 02Los 88 pelda+os del +ëxitov 02
Los 88 pelda+os del +ëxitov 02
María Belén García Llamas
 
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
OW2
 
Square update december 12
Square update december 12Square update december 12
Square update december 12
figo GmbH
 
Renegade networks: How we can save the world, make a little cash & get to the...
Renegade networks: How we can save the world, make a little cash & get to the...Renegade networks: How we can save the world, make a little cash & get to the...
Renegade networks: How we can save the world, make a little cash & get to the...
The Institute for Triple Helix Innovation
 
CARTOON-Ronaldinho
CARTOON-RonaldinhoCARTOON-Ronaldinho
CARTOON-Ronaldinhojoyjubu
 
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
OW2
 
Using videos in English class
Using videos in English classUsing videos in English class
Using videos in English class
Mr. Euc@s
 
To be Open Source or not to be ? OW2con’12, Paris
To be Open Source or not to be ? OW2con’12, ParisTo be Open Source or not to be ? OW2con’12, Paris
To be Open Source or not to be ? OW2con’12, Paris
OW2
 
Introducing Open Source School, the First Software Engineering School dedicat...
Introducing Open Source School, the First Software Engineering School dedicat...Introducing Open Source School, the First Software Engineering School dedicat...
Introducing Open Source School, the First Software Engineering School dedicat...
OW2
 
OW2con'14 - Keynote from Microsoft
OW2con'14 - Keynote from MicrosoftOW2con'14 - Keynote from Microsoft
OW2con'14 - Keynote from Microsoft
OW2
 

En vedette (20)

Open Source Governance in OW2 SQUAT program, OW2con'12, Paris
Open Source Governance in OW2 SQUAT program, OW2con'12, ParisOpen Source Governance in OW2 SQUAT program, OW2con'12, Paris
Open Source Governance in OW2 SQUAT program, OW2con'12, Paris
 
Antepedia Reporter and Fossology: Updates and new challenges toward software ...
Antepedia Reporter and Fossology: Updates and new challenges toward software ...Antepedia Reporter and Fossology: Updates and new challenges toward software ...
Antepedia Reporter and Fossology: Updates and new challenges toward software ...
 
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris. DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
DocDokuPLM : Domain Specific PaaS and Business Oriented API, OW2con'16, Paris.
 
Paisajes De Serge Motylev
Paisajes De Serge MotylevPaisajes De Serge Motylev
Paisajes De Serge Motylev
 
What Do You Feel 2008
What Do You Feel 2008What Do You Feel 2008
What Do You Feel 2008
 
Chapter 1 presentation
Chapter 1 presentationChapter 1 presentation
Chapter 1 presentation
 
Vol 02 chapter 11 2012
Vol 02 chapter 11 2012Vol 02 chapter 11 2012
Vol 02 chapter 11 2012
 
Project Avalon Online(Game) Final Report
Project Avalon Online(Game) Final ReportProject Avalon Online(Game) Final Report
Project Avalon Online(Game) Final Report
 
1 early britain. the celts
1  early britain. the celts1  early britain. the celts
1 early britain. the celts
 
Por qué leer a los clásicos, de
Por qué leer a los clásicos, dePor qué leer a los clásicos, de
Por qué leer a los clásicos, de
 
Los 88 pelda+os del +ëxitov 02
Los 88 pelda+os del +ëxitov 02Los 88 pelda+os del +ëxitov 02
Los 88 pelda+os del +ëxitov 02
 
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
OpenPaaS, the open-source Enterprise Social network for the Cloud, OW2con'12,...
 
Square update december 12
Square update december 12Square update december 12
Square update december 12
 
Renegade networks: How we can save the world, make a little cash & get to the...
Renegade networks: How we can save the world, make a little cash & get to the...Renegade networks: How we can save the world, make a little cash & get to the...
Renegade networks: How we can save the world, make a little cash & get to the...
 
CARTOON-Ronaldinho
CARTOON-RonaldinhoCARTOON-Ronaldinho
CARTOON-Ronaldinho
 
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
OpenCloudware The Cloud applicaton lifecycle management platform, OW2con'12, ...
 
Using videos in English class
Using videos in English classUsing videos in English class
Using videos in English class
 
To be Open Source or not to be ? OW2con’12, Paris
To be Open Source or not to be ? OW2con’12, ParisTo be Open Source or not to be ? OW2con’12, Paris
To be Open Source or not to be ? OW2con’12, Paris
 
Introducing Open Source School, the First Software Engineering School dedicat...
Introducing Open Source School, the First Software Engineering School dedicat...Introducing Open Source School, the First Software Engineering School dedicat...
Introducing Open Source School, the First Software Engineering School dedicat...
 
OW2con'14 - Keynote from Microsoft
OW2con'14 - Keynote from MicrosoftOW2con'14 - Keynote from Microsoft
OW2con'14 - Keynote from Microsoft
 

Similaire à ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB

Accessibilité et HTML5
Accessibilité et HTML5Accessibilité et HTML5
Accessibilité et HTML5
Hafid Denguir
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projet
laureno
 
Paris Web
Paris WebParis Web
Paris Web
cyrildoussin
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
Khaled Djebloun
 
Modélisation et points de vue : Entre abstraction et pragmatisme
Modélisation et points de vue : Entre abstraction et pragmatismeModélisation et points de vue : Entre abstraction et pragmatisme
Modélisation et points de vue : Entre abstraction et pragmatismeChauvin Mariot
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisation
peguet
 
Présentation Eutech 2016
Présentation Eutech 2016Présentation Eutech 2016
Présentation Eutech 2016
Eutech SSII
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'artTugdual Grall
 
Blend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagnéBlend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagné
Audrey Petit
 
Projet Domurpic
Projet DomurpicProjet Domurpic
Projet Domurpic
Sébastien Letélié
 
TP GWT JDEV 2015
TP GWT JDEV 2015TP GWT JDEV 2015
TP GWT JDEV 2015
Francois ANDRE
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Stéphanie Hertrich
 
Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
Anne-Marie Pinna-Dery
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Rubedo, a WebTales solution
 
Cours de Web Design part.1
Cours de Web Design part.1Cours de Web Design part.1
Cours de Web Design part.1
MC Casal
 
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
Relax In The Air
 
CLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightCLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightChristophe Lauer
 
Formation gwt
Formation gwtFormation gwt
Formation gwt
Francois ANDRE
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
Lotfi Dridi
 

Similaire à ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB (20)

Accessibilité et HTML5
Accessibilité et HTML5Accessibilité et HTML5
Accessibilité et HTML5
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projet
 
Paris Web
Paris WebParis Web
Paris Web
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Modélisation et points de vue : Entre abstraction et pragmatisme
Modélisation et points de vue : Entre abstraction et pragmatismeModélisation et points de vue : Entre abstraction et pragmatisme
Modélisation et points de vue : Entre abstraction et pragmatisme
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisation
 
Présentation Eutech 2016
Présentation Eutech 2016Présentation Eutech 2016
Présentation Eutech 2016
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
 
Blend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagnéBlend 3/Sketchflow, dessinez c'est gagné
Blend 3/Sketchflow, dessinez c'est gagné
 
Projet Domurpic
Projet DomurpicProjet Domurpic
Projet Domurpic
 
TP GWT JDEV 2015
TP GWT JDEV 2015TP GWT JDEV 2015
TP GWT JDEV 2015
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3Introduction module IHM Polytech Sophia Dept Info SI3
Introduction module IHM Polytech Sophia Dept Info SI3
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
 
Cours de Web Design part.1
Cours de Web Design part.1Cours de Web Design part.1
Cours de Web Design part.1
 
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
 
CV REBAI Hamida
CV REBAI HamidaCV REBAI Hamida
CV REBAI Hamida
 
CLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et SilverlightCLaueR - AFUP PHP et Silverlight
CLaueR - AFUP PHP et Silverlight
 
Formation gwt
Formation gwtFormation gwt
Formation gwt
 
Cv dridi-lotfi
Cv dridi-lotfiCv dridi-lotfi
Cv dridi-lotfi
 

Plus de OW2

OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in RomaOW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
OW2
 
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
OW2
 
GLPi v.10, les fonctionnalités principales et l'offre cloud
GLPi v.10, les fonctionnalités principales et l'offre cloudGLPi v.10, les fonctionnalités principales et l'offre cloud
GLPi v.10, les fonctionnalités principales et l'offre cloud
OW2
 
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
OW2
 
FusionIAM : la gestion des identités et des accés open source
FusionIAM : la gestion des identités et des accés open sourceFusionIAM : la gestion des identités et des accés open source
FusionIAM : la gestion des identités et des accés open source
OW2
 
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
OW2
 
SFScon'20 Bringing the User into the Equation
SFScon'20 Bringing the User into the EquationSFScon'20 Bringing the User into the Equation
SFScon'20 Bringing the User into the Equation
OW2
 
Towards a sustainable solution to open source sustainability, OW2online20, Ju...
Towards a sustainable solution to open source sustainability, OW2online20, Ju...Towards a sustainable solution to open source sustainability, OW2online20, Ju...
Towards a sustainable solution to open source sustainability, OW2online20, Ju...
OW2
 
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
OW2
 
Open Source governance and the Eclipse Foundation, OW2online, June 2020
Open Source governance and the Eclipse Foundation, OW2online, June 2020Open Source governance and the Eclipse Foundation, OW2online, June 2020
Open Source governance and the Eclipse Foundation, OW2online, June 2020
OW2
 
Open source contribution policies, OW2online, June 2020
Open source contribution policies, OW2online, June 2020Open source contribution policies, OW2online, June 2020
Open source contribution policies, OW2online, June 2020
OW2
 
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
OW2
 
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
OW2
 
Open Source Compliance at Orange, OW2online, June 2020
Open Source Compliance at Orange, OW2online, June 2020Open Source Compliance at Orange, OW2online, June 2020
Open Source Compliance at Orange, OW2online, June 2020
OW2
 
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
OW2
 
Intelligent package management with FASTEN, OW2online, June 2020
Intelligent package management with FASTEN, OW2online, June 2020Intelligent package management with FASTEN, OW2online, June 2020
Intelligent package management with FASTEN, OW2online, June 2020
OW2
 
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
OW2
 
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
OW2
 
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
OW2
 
Cacti and Big Data at Orange France, OW2online, June 2020
Cacti and Big Data at Orange France, OW2online, June 2020Cacti and Big Data at Orange France, OW2online, June 2020
Cacti and Big Data at Orange France, OW2online, June 2020
OW2
 

Plus de OW2 (20)

OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in RomaOW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
OW2 and RIOS teaming up to boost the open source impact, Nov. 2022 in Roma
 
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
The Open Source Good Governance Initiative presented at RIOS OS Week, Nov. 20...
 
GLPi v.10, les fonctionnalités principales et l'offre cloud
GLPi v.10, les fonctionnalités principales et l'offre cloudGLPi v.10, les fonctionnalités principales et l'offre cloud
GLPi v.10, les fonctionnalités principales et l'offre cloud
 
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
Centreon: superviser le Cloud et le Legacy à partir d'une même plateforme, po...
 
FusionIAM : la gestion des identités et des accés open source
FusionIAM : la gestion des identités et des accés open sourceFusionIAM : la gestion des identités et des accés open source
FusionIAM : la gestion des identités et des accés open source
 
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
OW2 Association Européenne aux racines grenobloises, transformer l'industrie ...
 
SFScon'20 Bringing the User into the Equation
SFScon'20 Bringing the User into the EquationSFScon'20 Bringing the User into the Equation
SFScon'20 Bringing the User into the Equation
 
Towards a sustainable solution to open source sustainability, OW2online20, Ju...
Towards a sustainable solution to open source sustainability, OW2online20, Ju...Towards a sustainable solution to open source sustainability, OW2online20, Ju...
Towards a sustainable solution to open source sustainability, OW2online20, Ju...
 
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
Advanced proactive and polymorphing cloud application adaptation with MORPHEM...
 
Open Source governance and the Eclipse Foundation, OW2online, June 2020
Open Source governance and the Eclipse Foundation, OW2online, June 2020Open Source governance and the Eclipse Foundation, OW2online, June 2020
Open Source governance and the Eclipse Foundation, OW2online, June 2020
 
Open source contribution policies, OW2online, June 2020
Open source contribution policies, OW2online, June 2020Open source contribution policies, OW2online, June 2020
Open source contribution policies, OW2online, June 2020
 
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
Software development at scale, pandemic lockdown and oss ecosystems, OW2onlin...
 
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
Overview of the OpenChain Reference Tooling Work Group, OW2online20, June 2020
 
Open Source Compliance at Orange, OW2online, June 2020
Open Source Compliance at Orange, OW2online, June 2020Open Source Compliance at Orange, OW2online, June 2020
Open Source Compliance at Orange, OW2online, June 2020
 
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
Ideas, methods and tools for OSS Compliance assessment, OW2online, June 2020
 
Intelligent package management with FASTEN, OW2online, June 2020
Intelligent package management with FASTEN, OW2online, June 2020Intelligent package management with FASTEN, OW2online, June 2020
Intelligent package management with FASTEN, OW2online, June 2020
 
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
DECODER, a Smarter Environment for DevOps Teams , OW2online, June 2020
 
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
Enabling DevOps for IoT software development, powered by Open Source, OW2onli...
 
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
Upcoming Challenges in Artificial Intelligence Research and Development, OW2o...
 
Cacti and Big Data at Orange France, OW2online, June 2020
Cacti and Big Data at Orange France, OW2online, June 2020Cacti and Big Data at Orange France, OW2online, June 2020
Cacti and Big Data at Orange France, OW2online, June 2020
 

Dernier

COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
AlbertSmithTambwe
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
Université de Franche-Comté
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
OCTO Technology
 
Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
UNITECBordeaux
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
AlbertSmithTambwe
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Laurent Speyser
 
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
OCTO Technology
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
Horgix
 
Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
abderrahimbourimi
 

Dernier (9)

COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
 
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'universitéDe l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
De l'IA comme plagiat à la rédaction d'une « charte IA » à l'université
 
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
Le Comptoir OCTO - Qu’apporte l’analyse de cycle de vie lors d’un audit d’éco...
 
Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024Le support de présentation des Signaux 2024
Le support de présentation des Signaux 2024
 
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptxPRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
PRESENTATION DE L'ACTIVE DIRECTORY SOUS WINDOWS SERVEUR.pptx
 
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
Ouvrez la porte ou prenez un mur (Agile Tour Genève 2024)
 
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
Le Comptoir OCTO - Équipes infra et prod, ne ratez pas l'embarquement pour l'...
 
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
MongoDB in a scale-up: how to get away from a monolithic hell — MongoDB Paris...
 
Les écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptxLes écrans informatiques au fil du temps.pptx
Les écrans informatiques au fil du temps.pptx
 

ACCEDE WEB, LES GUIDES D’ACCESSIBILITE POUR PROJETS WEB

  • 1. AcceDe Web Notices pratiques et libres de prise en compte de l’accessibilité David Monnehay E-Accessibility consultant
  • 2. Référentiels disponibles RGAA SGQRI 008-02 Ils ne sont pas adaptés à la gestion de projets et de nombreux autres… Il sont complexes à appréhender pour une partie des membres d’une équipe de production (chef de projet, ergonome, graphiste, contributeurs) L’absence de ressources clairs et synthétiques freine le déploiement de l’accessibilité
  • 3. Et le soutien de : Agence Entreprises & Handicap, Anysurfer, Association des Paralysés de France (APF), CIGREF, Design For All Foundation, ESSEC, Handirect, Hanploi, Sciences Po, Télécom ParisTech Notices adaptées aux étapes d’un projet web, compréhensibles par les acteurs des projets
  • 4. Recommandations simples Synthétiques et opérationnelles Une base de connaissances libre pour les professionnels du web Adaptées aux projets Adaptées à chaque phase d’un projet Prévoir l’apparence des liens d’évitement [Notice d’accessibilité pour la conception fonctionnelle et graphique] L’apparence d’un lien d’évitement « Aller au contenu » doit être prévu au sommet d’au moins une des maquettes graphiques. Astuce Si souhaité, celui-ci peut être masqué par défaut. Dans ce cas-là, c’est en phase de développement qu’il sera rendu visible dans certaines situations (navigation au clavier, version mobile, etc.).
  • 5. Cas d’utilisation Intégration HTML : Garantir la visibilité de la prise de focus au clavier Maquettes graphiques : Prévoir l’apparence des liens au survol à la souris et à la prise de focus clavier
  • 7. Maquettes graphiques : Prévoir un moyen de stopper les animations Composants Interface riche : Carrousels Socle HTML, Comportement clavier, Comportement javascript Cas d’utilisation
  • 8. Guidelines for rich interfaces and JavaScript : Slideshows Basic HTML Code, Javascript behavior, keyboard behavior Cas d’utilisation
  • 9. Guidelines for rich interfaces and JavaScript : Slideshows Basic HTML Code, Javascript behavior, keyboard behavior Notice Graphique : Assurer un contraste suffisant entre les textes et l’arrière-plan ou proposer une alternative contrastée Cas d’utilisation
  • 10. Guidelines for rich interfaces and JavaScript : Slideshows Basic HTML Code, Javascript behavior, keyboard behavior Échec 2.4:1 Ok 4.7:1 Échec 2.3:1 Échec 2.2:1 Cas d’utilisation Notice Graphique : Assurer un contraste suffisant entre les textes et l’arrière-plan ou proposer une alternative contrastée
  • 12.
  • 13. Une checklist pour chaque étape Une façon simple d’impliquer chaque intervenant à leur propre niveau La bonne information au bon moment Peuvent être modifiées pour être adaptées à vos processus qualité