SlideShare une entreprise Scribd logo
Introduction à l’accessibilité

Par Damien Berseron
Introduction
Handicap
●
●
●
●

“Hand in cap”
Sport : volonté de donner autant de chance à chacun
Désavantage d’un individu à accomplir un rôle social dû à sa
déficience partielle ou totale
France : loi du handicap du 11 février 2005 pour l’égalité des
chances
Les différents handicaps
●
●
●
●
●

Moteur
Visuel
Auditif
Mental
Psychique
L’accessibilité du web

Donner la même l’information à tous les utilisateurs

●
●
●

Rendre l’information accessible quelque soit le support
Transposer les informations multimédias
Respecter les standards
Ce qu’il ne faut pas confondre
●
●

L’UX et l’Accessibilité
“Prendre l'utilisateur pour un imbécile” et l’Accessibilité
Comprendre les référenciels
L’organigramme de l’accessibilité

WAI
UAAG

WCAG

Les référenciels

ATAG
WCAG
●
●
●

Web Content Accessibility Guidelines
4 thématiques
3 niveaux :

A

AA

AAA

Normal

Amélioré

Ultra Amélioré
La première fois devant un référenciel
Les référenciels Français

Accessiweb

RGAA
Accessiweb
●
●
●
●
●

13 thématiques
133 critères
334 tests
Respect des 3 niveaux : A, AA, AAA
Respect le RGAA
Accessiweb - Exemple de critère
3 concepts favorables
Ne pas être intrusif
Laisser le contrôle à l’utilisateur
Il ne faut pas essayer de deviner comment l’
utilisateur va naviguer
Top 5 des idées reçues
“On s’en fou de l’accessibilité, on n’a pas d’aveugle”

TOUT le monde est concerné!!!
“C’est bon les sourds ils auront les sous-titres”

FAUX
“Il ne faut pas dépasser 3 niveaux de titres”

pact
un im
Auc
“Et en plus, c’est bon pour le SEO”
SEO ≠ Référencement Naturel

ntion
Atte
“Il faut que ça marche sans JavaScript”

P

nant
ainte
lus m
Tips & Tricks
Tips & Tricks
●
●
●
●
●

Avoir un markup valide en fonction du type de document
Mettre une alternative sur les images
Mettre un titre sur les balises frame et iframe
Implémenter ARIA
Avoir le plan du document propre
Tips & Tricks
●
●
●
●
●

Ajouter des liens d’évitement
Ne pas mettre de titre sur un lien si il n’y en pas besoin
Donner à l’utilisateur le contrôle pour tout mettre en pause
Ne pas faire de détournement de balise
Avoir un markup sémantique
Tips & Tricks

Faire preuve de bon sens
Conclusion
Conclusion
Rien n’est interdit, mais faites-le accessible
Ça ne coûte pas plus cher de développer en pensant à l’
accessibilité !
Alors ? On y va ?
Merci

Contenu connexe

En vedette

Renaissance powerpoint
Renaissance powerpointRenaissance powerpoint
Renaissance powerpoint
leuboss
 
Quelques trucs d'orateurs : faire une présentation et parler en public
Quelques trucs d'orateurs : faire une présentation et parler en publicQuelques trucs d'orateurs : faire une présentation et parler en public
Quelques trucs d'orateurs : faire une présentation et parler en public
Stephane Deschamps
 
Présentation power point
Présentation power pointPrésentation power point
Présentation power point
Kathy Keser
 
Death by PowerPoint - Les PowerPoints qui tuent
Death by PowerPoint - Les PowerPoints qui tuentDeath by PowerPoint - Les PowerPoints qui tuent
Death by PowerPoint - Les PowerPoints qui tuent
Gregory Savi
 
Les 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
Les 10 astuces pour réussir sa présentation sur Powerpoint et KeynoteLes 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
Les 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
chila emmanuel
 
Quelques conseils pour réussir vos présentations powerpoint
Quelques conseils pour réussir vos présentations powerpointQuelques conseils pour réussir vos présentations powerpoint
Quelques conseils pour réussir vos présentations powerpoint
Pascal KUFEL
 
Comment réussir sa soutenance pfe
Comment réussir sa soutenance pfeComment réussir sa soutenance pfe
Comment réussir sa soutenance pfe
Mohamed Sahbi
 
Pourquoi les PowerPoint sont lamentables
Pourquoi les PowerPoint sont lamentablesPourquoi les PowerPoint sont lamentables
Pourquoi les PowerPoint sont lamentables
simpleslide.com
 
WOM Conference : Viral, Buzz & Influential Marketing | by Vanksen|Culture-Bu...
WOM Conference : Viral, Buzz &  Influential Marketing | by Vanksen|Culture-Bu...WOM Conference : Viral, Buzz &  Influential Marketing | by Vanksen|Culture-Bu...
WOM Conference : Viral, Buzz & Influential Marketing | by Vanksen|Culture-Bu...
Emmanuel Vivier
 
comment réussir son powerpoint
comment réussir son powerpointcomment réussir son powerpoint
comment réussir son powerpoint
1hope
 
CV et lettre de motivation Objectif 2017
CV et lettre de motivation Objectif 2017CV et lettre de motivation Objectif 2017
CV et lettre de motivation Objectif 2017
REALIZ
 
Minimum Viable Product
Minimum Viable ProductMinimum Viable Product
Minimum Viable Product
Eric Ries
 
Tips for Effective Presentations
Tips for Effective PresentationsTips for Effective Presentations
Tips for Effective Presentations
K Covintree
 
CMDS - Diagnostic de la mobilite durable
CMDS - Diagnostic de la mobilite durableCMDS - Diagnostic de la mobilite durable
CMDS - Diagnostic de la mobilite durable
CMDS
 

En vedette (15)

Art simplicite
Art simpliciteArt simplicite
Art simplicite
 
Renaissance powerpoint
Renaissance powerpointRenaissance powerpoint
Renaissance powerpoint
 
Quelques trucs d'orateurs : faire une présentation et parler en public
Quelques trucs d'orateurs : faire une présentation et parler en publicQuelques trucs d'orateurs : faire une présentation et parler en public
Quelques trucs d'orateurs : faire une présentation et parler en public
 
Présentation power point
Présentation power pointPrésentation power point
Présentation power point
 
Death by PowerPoint - Les PowerPoints qui tuent
Death by PowerPoint - Les PowerPoints qui tuentDeath by PowerPoint - Les PowerPoints qui tuent
Death by PowerPoint - Les PowerPoints qui tuent
 
Les 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
Les 10 astuces pour réussir sa présentation sur Powerpoint et KeynoteLes 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
Les 10 astuces pour réussir sa présentation sur Powerpoint et Keynote
 
Quelques conseils pour réussir vos présentations powerpoint
Quelques conseils pour réussir vos présentations powerpointQuelques conseils pour réussir vos présentations powerpoint
Quelques conseils pour réussir vos présentations powerpoint
 
Comment réussir sa soutenance pfe
Comment réussir sa soutenance pfeComment réussir sa soutenance pfe
Comment réussir sa soutenance pfe
 
Pourquoi les PowerPoint sont lamentables
Pourquoi les PowerPoint sont lamentablesPourquoi les PowerPoint sont lamentables
Pourquoi les PowerPoint sont lamentables
 
WOM Conference : Viral, Buzz & Influential Marketing | by Vanksen|Culture-Bu...
WOM Conference : Viral, Buzz &  Influential Marketing | by Vanksen|Culture-Bu...WOM Conference : Viral, Buzz &  Influential Marketing | by Vanksen|Culture-Bu...
WOM Conference : Viral, Buzz & Influential Marketing | by Vanksen|Culture-Bu...
 
comment réussir son powerpoint
comment réussir son powerpointcomment réussir son powerpoint
comment réussir son powerpoint
 
CV et lettre de motivation Objectif 2017
CV et lettre de motivation Objectif 2017CV et lettre de motivation Objectif 2017
CV et lettre de motivation Objectif 2017
 
Minimum Viable Product
Minimum Viable ProductMinimum Viable Product
Minimum Viable Product
 
Tips for Effective Presentations
Tips for Effective PresentationsTips for Effective Presentations
Tips for Effective Presentations
 
CMDS - Diagnostic de la mobilite durable
CMDS - Diagnostic de la mobilite durableCMDS - Diagnostic de la mobilite durable
CMDS - Diagnostic de la mobilite durable
 

Similaire à Introduction à l'accessibilité

Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
FFFOD
 
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Flupa
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAA
Fabrice CROIZE
 
Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012
Le Moulin Digital
 
Accessibilite des sites Internet - Accessiweb - Pôle Numérique
Accessibilite des sites Internet - Accessiweb - Pôle NumériqueAccessibilite des sites Internet - Accessiweb - Pôle Numérique
Accessibilite des sites Internet - Accessiweb - Pôle Numérique
Le Moulin Digital
 
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
Access42
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Бертран Бинуа
 
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
Smile I.T is open
 
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Isabelle Motte
 
Conférence Accessibilité web
Conférence Accessibilité webConférence Accessibilité web
Conférence Accessibilité web
Vanessa Sant'André
 
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
Flupa
 
Rgaa 3 dans un Web A11Y (accessible)
Rgaa 3 dans un Web A11Y (accessible)Rgaa 3 dans un Web A11Y (accessible)
Rgaa 3 dans un Web A11Y (accessible)
Christophe Villeneuve
 
Comment l'accessibilité améliore la UX
Comment l'accessibilité améliore la UXComment l'accessibilité améliore la UX
Comment l'accessibilité améliore la UX
Maeva Cecchi
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
Willy Leloutre
 
#Et6-At12-Accessibilité
#Et6-At12-Accessibilité#Et6-At12-Accessibilité
#Et6-At12-Accessibilité
Ludovic Dublanchet
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)
Ardesi Midi-Pyrénées
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...
Cap'Com
 
Questions Reponses Accessibilite
Questions Reponses AccessibiliteQuestions Reponses Accessibilite
Questions Reponses Accessibilite
levy aurélien
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du Web
Qelios
 

Similaire à Introduction à l'accessibilité (20)

Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
 
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017 Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
Accessibilité, retour d’expérience sur Service-Public.fr _WUD Paris 2017
 
Accessibilité du Web et RGAA
Accessibilité du Web et RGAAAccessibilité du Web et RGAA
Accessibilité du Web et RGAA
 
Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012Accessibilite du web Collectif filière 13112012
Accessibilite du web Collectif filière 13112012
 
Accessibilite des sites Internet - Accessiweb - Pôle Numérique
Accessibilite des sites Internet - Accessiweb - Pôle NumériqueAccessibilite des sites Internet - Accessiweb - Pôle Numérique
Accessibilite des sites Internet - Accessiweb - Pôle Numérique
 
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
L'accessibilité, au-delà des contraintes, un atout pour votre audience Avanta...
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilité
 
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
CMSday 2013 - L'accessibilité, au delà des contraintes, un atout pour votre a...
 
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
Concevoir des interfaces pour les seniors: enjeu essentiel pour les informati...
 
Conférence Accessibilité web
Conférence Accessibilité webConférence Accessibilité web
Conférence Accessibilité web
 
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
Atelier FLUPA UX-Days 2016 - "Test utilisateur d'accessibilité, par vous, pou...
 
Rgaa 3 dans un Web A11Y (accessible)
Rgaa 3 dans un Web A11Y (accessible)Rgaa 3 dans un Web A11Y (accessible)
Rgaa 3 dans un Web A11Y (accessible)
 
Comment l'accessibilité améliore la UX
Comment l'accessibilité améliore la UXComment l'accessibilité améliore la UX
Comment l'accessibilité améliore la UX
 
ESG - Lesson 5
ESG - Lesson 5ESG - Lesson 5
ESG - Lesson 5
 
L’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publicsL’accessibilité web pour les organismes publics
L’accessibilité web pour les organismes publics
 
#Et6-At12-Accessibilité
#Et6-At12-Accessibilité#Et6-At12-Accessibilité
#Et6-At12-Accessibilité
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...
 
Questions Reponses Accessibilite
Questions Reponses AccessibiliteQuestions Reponses Accessibilite
Questions Reponses Accessibilite
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du Web
 

Introduction à l'accessibilité