SlideShare une entreprise Scribd logo
L'accessibilité, au-delà des
contraintes, un atout pour votre
audience
Avantages et limites de l'accessibilité
pour le référencement
2
Armony ALTINIER
Consultante et formatrice en
accessibilité numérique
ACS HORIZONS
@armonyaltinier
3
Quelques définitions
4
Accessibilité
Percevoir - Comprendre -
Naviguer - Interagir - Contribuer
Handicaps : visuels, auditifs, physiques, de parole, cognitifs et neurologiques.
Source : W3C – WAI (en anglais) : http://www.w3.org/WAI/intro/accessibility.php
5
Situation de handicap
Une question de contexte
Déficience  Incapacité  Handicap
6
Audience
« L'audience d'un média définit l'ensemble
des individus exposés, ou leur nombre »
Source : Wikipédia : https://fr.wikipedia.org/wiki/Audience_%28m%C3%A9dia%29
7
Audience : les gens selon l'INSEE
« 1 personne sur 5 déclare
être limitée dans ses activités »
Source : INSEE enquête vie quotidienne et santé (2009) :
http://www.insee.fr/fr/themes/document.asp?ref_id=ip1254#inter1
8
Audience sur le Web : SEO, entre autres...
9
CMS « open source »,
peut toujours être rendu accessible
Logiciel libre, quatre libertés :
1.Utiliser
2.Étudier
3.Modifier
4.Partager
10
Quel impact de l'accessibilité sur
l'audience d'un site ?
11
Bonnes pratiques SEO
et règles d'accessibilité
12
Sources
• Guide d'optimisation pour les moteurs de
recherche et autres ressources Google
• Référentiel AccessiWeb 2.2 basé sur les
WCAG 2 et compatible RGAA
13
Images : renseigner correctement
l'alternative
●Assurez-vous que le texte associé aux at-
tributs alt est descriptif et pertinent.
● Question des images non porteuses d'infor-
mation
●Utilisez du texte plutôt que des éléments
graphiques. […] notre robot d'exploration ne
reconnaît pas les informations contenues
dans les éléments graphiques.
●Placer vos images près d'un texte pertinent.
●Pour que la majorité des internautes
puissent accéder à vos contenus textuels
importants, intégrez-les au format HTML.
Critères 1.1, 1.2, 1.3, 1.5, 1.6, 1.7, 1.8, 1.9
14
Multimédia : Google aveugle et sourd
● Googlebot ne peut pas explorer le contenu
de fichiers vidéo.[...] Envisagez de créer une
transcription de la vidéo à inclure ou
fournissez une description détaillée de
celle-ci dans le code HTML
● Nous vous conseillons de réserver les
technologies rich media (Flash, par
exemple) aux éléments esthétiques de votre
site et d'utiliser le langage HTML pour le
contenu et la navigation.
Critères 4.1, 4.2, 4.15, 4.16, 4.17
15
Liens : soignez vos intitulés !
●Améliorer la qualité des textes d'ancre :
choisissez du texte descriptif, rédiger du
texte concis
●Indiquez un texte alt lorsque vous utilisez
des images comme liens
Critères 6.1, 6.6
16
Scripts : ne pas faire dépendre
l'accès au contenu de scripts
Si certaines fonctionnalités (JavaScript, co-
okies, ID de session, cadres, balises DHTML
ou contenus Flash) vous empêchent d'affi-
cher la totalité de votre site dans un naviga-
teur texte, il est possible que les robots ren-
contrent des difficultés similaires lors de leur
exploration.
Critères 7.1, 7.2, 7.4
17
Éléments obligatoires :
titre de page et code sans erreur
●Assurez-vous que le texte associé aux ba-
lises <title> est descriptif et pertinent.
●Assurez-vous que vos liens fonctionnent
correctement et que le code HTML de vos
pages ne présente pas d'erreurs.
● «  Bien que nous recommandions l'utilisation 
d'un code HTML correct, cela n'a normalement 
aucune incidence sur la façon dont Google ex-
plore et indexe votre site. »
Critères 8.1, 8.2, 8.5, 8.6
18
Structurer vos pages
à l'aide d'en-têtes
●Utiliser de façon appropriée les balises
d'en-tête.
●Évitez de passer d'une taille d'en-tête à une
autre de façon incohérente
Critères 9.1
19
Présentation de l'information
● « L'utilisation du code CSS permet de dis-
tinguer la présentation du contenu et d'obte-
nir un meilleur rendu et un chargement des
pages plus rapide. »
● Pour vérifier le fonctionnement de votre
site, utilisez un navigateur texte tel que Lynx.
Critères 10.1, 10.2
20
Navigation
●Faciliter la navigation sur votre site. Aidez
vos utilisateurs en utilisant des fils d'Ariane
●Ajouter un plan de site
Critères 12.1, 12.4, 12.5, 12.8, 12.9
21
Attention : de nombreux critères
existent encore pour l'accessibilité
et le SEO
22
L'audience au-delà des règles
23
« black hat »: les risques
● Risques pour l'accessibilité
– Perturber la consultation par certains utilisateurs,
notamment ceux utilisant des lecteurs d'écran
● Risques de pénalité en cas de fraude
– Blacklistage
– Sandbox sélective ou générale
– Déclassement
24
Le coût de la non accessibilité
● Perte d'audience
● Contenus non indexés (vidéos par exemple)
25
Accessibilité, quel impact sur le SEO ?
● Pas d'impact négatif sur le SEO loyal
● Pas forcément d'impact positif sur le SEO,
même si de bonnes pratiques se rejoignent
« Concevez vos pages en pensant d'abord aux
internautes et non aux moteurs de recherche. »
Google
26
Accessibilité, quel impact sur
l'audience ?
● Penser à tous ses utilisateurs = penser aux
20 % de personnes limitées dans leurs activités
● Google : aveugle et sourd !
● Tout le monde peut être en situation de
handicap
27
Accessibilité et référencement
● Accessibilité et indexabilité
– Les moteurs de recherche analysent la page comme un
lecteur d'écran
● Accessibilité et positionnement
– Accessibilité nécessaire, mais pas suffisante
– Un site peut être bien positionné et pas accessible
● Accessibilité et référencement, deux domaines à
part entière : des bonnes pratiques convergentes,
mais insuffisantes
28
L'accessibilité, nécessaire
pour votre audience !
Un site pour des gens doit être un site accessible.
Accessibilité : première étape pour améliorer son audience en qualité
29
PLACE AUX QUESTIONS !
30
via Twitter : @armonyaltinier
par e-mail : armony@acs-horizons.fr
31
PLANNING
● Ne loupez pas les prochaines conférences et tables rondes !
– Investir dans un CMS : Comment les entreprises capitalisent-elles sur le
choix d'un même CMS pour plusieurs projets
Amphithéâtre Émile Laffon
– Gamifier votre gestion de contenu : Appliquer des mécanismes de jeu pour
fidéliser votre audience
Salle Potiron
– Les enjeux de fréquentation pour les administrations Publiques
Salle Tilleul
– eZ Publish : Mieux comprendre l'utilisateur pour répondre à ses attentes :
analyse du parcours, statistiques temps réel, segmentation
Salle Olive
– Jahia Wise : Une nouvelle approche du partage documentaire collaboratif
Salle Aubergine
32
Crédits et licence
● Auteure : Armony ALTINIER –
Société ACS Horizons http://acs-horizons.fr
● Licence : Creative Commons BY-SA France 3.0
ou ultérieure :
http://creativecommons.org/licenses/by-sa/3.0/fr/
33
Crédits images
● p.4 Fauteuil roulant par jvangalen - http://www.sxc.hu/photo/850688
● p.5 dessin de Frank Margerin
● p.6 personnages par Julie Tolomelli - http://latolo.didrocks.fr/
● p.6 et 23 dessin à partir de ceux de sampler : http://openclipart.org/user-detail/sampler
● p.7
● p.8 logo Google sur Wikimedia Commons : https://commons.wikimedia.org/wiki/File:Google-Logo.svg
● p.9 clipart taureau par N/A :http://fr.clipartlogo.com/image/gnu-cartoon-cow-bull-logo-buffalo-horns-animal_394516.html
● p.9
● p.12 logo AccessiWeb : http://www.accessiweb.org
● p.13 Clipart maison par Rejon: http://openclipart.org/detail/70/nicus-crash-cchost-file-by-rejon
● p.14 clap cinéma par shuttermonkey : https://openclipart.org/detail/16349/movie-clapperboard-by-shuttermonkey
● p.15 chaîne clipart par Nicubunu : http://openclipart.org/detail/22077/chain-by-nicubunu
● p.16 image java script : http://softsupplier.com/javascript-103372/
● p.18
● p.19 clipart réuinon par Anonymous : http://openclipart.org/detail/25444/presentation-by-anonymous-25444
● p.20 boussole par ernes : https://openclipart.org/detail/50329/bussola---compass-by-ernes
● p.24
● p.26
● p.28 : empreinte de pied par Benji Park : http://openclipart.org/detail/26274/right-footprint-by-anonymous
● p.30 Icon oiseau bleu par Jonah Bron : http://openclipart.org/detail/69631/twitter-icon-by-jonah-bron
● p.30 clipart enveloppe par sheikh_tuhin : http://openclipart.org/detail/19943/mail-by-sheikh_tuhin-19943
● p.32

Contenu connexe

En vedette

Ajustes y tolerancia peña
Ajustes y tolerancia  peñaAjustes y tolerancia  peña
Ajustes y tolerancia peña
hugojavier804
 
Challenge Akka Romane Et Morgane
Challenge Akka Romane Et MorganeChallenge Akka Romane Et Morgane
Challenge Akka Romane Et Morganejeanmariotte
 
Qu'est-ce que l'Observatoire de l'EcoDesign ?
Qu'est-ce que l'Observatoire de l'EcoDesign ?Qu'est-ce que l'Observatoire de l'EcoDesign ?
Qu'est-ce que l'Observatoire de l'EcoDesign ?
Observatoire de l'EcoDesign
 
Manuel du CPF et de la Réforme
Manuel du CPF et de la RéformeManuel du CPF et de la Réforme
Manuel du CPF et de la Réforme
didier cozin
 
Frances
FrancesFrances
Frances
lisbeth
 
Planilla
Planilla Planilla
Planilla
bleydis
 
Slide share facebook
Slide share facebookSlide share facebook
Slide share facebook
ronianos1
 
Les filles
Les fillesLes filles
Les filles
jimmy030673
 
Texto y Sociedad en las letras francesas y francófonas
Texto y Sociedad en las letras francesas y francófonasTexto y Sociedad en las letras francesas y francófonas
Texto y Sociedad en las letras francesas y francófonas
Centro de Estudios Joan Bardina - Capítulo Uruguay
 
Carlos Adolfo Del Peon Schleske
Carlos Adolfo Del Peon SchleskeCarlos Adolfo Del Peon Schleske
Carlos Adolfo Del Peon Schleske
cardelpeon
 
Séance d'info juin 2011
Séance d'info juin 2011Séance d'info juin 2011
Séance d'info juin 2011rossgagne
 
Hotel meeting center
Hotel meeting centerHotel meeting center
Hotel meeting center
María del Carmen Puche Ruiz
 
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
Paianet - Connecting Healthcare
 
Trabajo de egipto para frances alexandra jimenez garro
Trabajo de egipto para frances alexandra jimenez garroTrabajo de egipto para frances alexandra jimenez garro
Trabajo de egipto para frances alexandra jimenez garrocariam
 
Trabajo marta y zaida egipto nefertari
Trabajo marta y zaida  egipto nefertariTrabajo marta y zaida  egipto nefertari
Trabajo marta y zaida egipto nefertari
cariam
 

En vedette (17)

La Publicité Subliminale
La Publicité SubliminaleLa Publicité Subliminale
La Publicité Subliminale
 
Ajustes y tolerancia peña
Ajustes y tolerancia  peñaAjustes y tolerancia  peña
Ajustes y tolerancia peña
 
Challenge Akka Romane Et Morgane
Challenge Akka Romane Et MorganeChallenge Akka Romane Et Morgane
Challenge Akka Romane Et Morgane
 
La France
La FranceLa France
La France
 
Qu'est-ce que l'Observatoire de l'EcoDesign ?
Qu'est-ce que l'Observatoire de l'EcoDesign ?Qu'est-ce que l'Observatoire de l'EcoDesign ?
Qu'est-ce que l'Observatoire de l'EcoDesign ?
 
Manuel du CPF et de la Réforme
Manuel du CPF et de la RéformeManuel du CPF et de la Réforme
Manuel du CPF et de la Réforme
 
Frances
FrancesFrances
Frances
 
Planilla
Planilla Planilla
Planilla
 
Slide share facebook
Slide share facebookSlide share facebook
Slide share facebook
 
Les filles
Les fillesLes filles
Les filles
 
Texto y Sociedad en las letras francesas y francófonas
Texto y Sociedad en las letras francesas y francófonasTexto y Sociedad en las letras francesas y francófonas
Texto y Sociedad en las letras francesas y francófonas
 
Carlos Adolfo Del Peon Schleske
Carlos Adolfo Del Peon SchleskeCarlos Adolfo Del Peon Schleske
Carlos Adolfo Del Peon Schleske
 
Séance d'info juin 2011
Séance d'info juin 2011Séance d'info juin 2011
Séance d'info juin 2011
 
Hotel meeting center
Hotel meeting centerHotel meeting center
Hotel meeting center
 
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
PIG/MIG: vers une définition commune? - Romain Boichat (Genolier Swiss Medica...
 
Trabajo de egipto para frances alexandra jimenez garro
Trabajo de egipto para frances alexandra jimenez garroTrabajo de egipto para frances alexandra jimenez garro
Trabajo de egipto para frances alexandra jimenez garro
 
Trabajo marta y zaida egipto nefertari
Trabajo marta y zaida  egipto nefertariTrabajo marta y zaida  egipto nefertari
Trabajo marta y zaida egipto nefertari
 

Similaire à L'accessibilité, au-delà des contraintes, un atout pour votre audience Avantages et limites de l'accessibilité pour le référencement

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
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Thomas Choppy
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
SADC d'Abitibi-Ouest
 
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesAccessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesEtienne Samson
 
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 publicsWilly Leloutre
 
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
MXO | agence totale
 
#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
 
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...MXO | agence totale
 
Comment construire son Netflix
Comment construire son NetflixComment construire son Netflix
Comment construire son Netflix
Justindwah
 
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
Xavier Lacot
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
Synerg'hetic
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018
Peak Ace
 
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
TribuAndCo
 
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
La-Fabrique-du-Net
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion
UX Republic Bordeaux
 
Jusqu’ou iront les weblogs?
Jusqu’ou iront les weblogs?Jusqu’ou iront les weblogs?
Jusqu’ou iront les weblogs?
Christophe Deschamps
 
Présentations séminaire OSSA - mai 2010
Présentations séminaire OSSA - mai 2010Présentations séminaire OSSA - mai 2010
Présentations séminaire OSSA - mai 2010
LINAGORA
 

Similaire à L'accessibilité, au-delà des contraintes, un atout pour votre audience Avantages et limites de l'accessibilité pour le référencement (20)

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...
 
Ged Open Source - Documation 2010
Ged Open Source - Documation 2010Ged Open Source - Documation 2010
Ged Open Source - Documation 2010
 
Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015Penser et concevoir son site web en 2015
Penser et concevoir son site web en 2015
 
Cours e-marketing
Cours e-marketingCours e-marketing
Cours e-marketing
 
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesAccessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
 
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
 
Tirer profit du web en 2011
Tirer profit du web en 2011Tirer profit du web en 2011
Tirer profit du web en 2011
 
Projet web : lexique et notions
Projet web : lexique et notionsProjet web : lexique et notions
Projet web : lexique et notions
 
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...Développement d'un site web pour la promotion de pme 2012   araq-sud - 7 févr...
Développement d'un site web pour la promotion de pme 2012 araq-sud - 7 févr...
 
#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...
 
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...Développement d'un site web pour la promotion de pme 2012   mentor cld vallée...
Développement d'un site web pour la promotion de pme 2012 mentor cld vallée...
 
Comment construire son Netflix
Comment construire son NetflixComment construire son Netflix
Comment construire son Netflix
 
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
Forum PHP 2010 - Les frameworks, essentiels dans-l-ecosysteme-php-xavier-laco...
 
Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"Formation : "Concevoir et promouvoir son site Internet"
Formation : "Concevoir et promouvoir son site Internet"
 
Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018Amp 2 ans après, quel impact sur votre seo en 2018
Amp 2 ans après, quel impact sur votre seo en 2018
 
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
Présentation de l'accessibilité numérique par Sébastien Huillet (Tribu And Co)
 
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
[Slideshare] ChallengeMyWebsite sur Slack- Compte rendu
 
Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion Star d'UX bordeaux #1 - en UXmmersion
Star d'UX bordeaux #1 - en UXmmersion
 
Jusqu’ou iront les weblogs?
Jusqu’ou iront les weblogs?Jusqu’ou iront les weblogs?
Jusqu’ou iront les weblogs?
 
Présentations séminaire OSSA - mai 2010
Présentations séminaire OSSA - mai 2010Présentations séminaire OSSA - mai 2010
Présentations séminaire OSSA - mai 2010
 

Plus de Access42

Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
Access42
 
Accessibilité, un ingrédient essentiel d'un Web pour tous
Accessibilité, un ingrédient essentiel d'un Web pour tousAccessibilité, un ingrédient essentiel d'un Web pour tous
Accessibilité, un ingrédient essentiel d'un Web pour tous
Access42
 
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
Access42
 
Accessibilité et logiciel libre, l’union fait la force ! - RMLL 2012
Accessibilité et logiciel libre, l’union fait la force !  - RMLL 2012Accessibilité et logiciel libre, l’union fait la force !  - RMLL 2012
Accessibilité et logiciel libre, l’union fait la force ! - RMLL 2012
Access42
 
Intégrer l'accessibilité dans ses projets web - CRAW 2013
Intégrer l'accessibilité dans ses projets web - CRAW 2013Intégrer l'accessibilité dans ses projets web - CRAW 2013
Intégrer l'accessibilité dans ses projets web - CRAW 2013
Access42
 
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
Access42
 
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
Access42
 

Plus de Access42 (7)

Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
Logiciels libres : êtes-vous prêts à relever le défi de l'accessibilité ?
 
Accessibilité, un ingrédient essentiel d'un Web pour tous
Accessibilité, un ingrédient essentiel d'un Web pour tousAccessibilité, un ingrédient essentiel d'un Web pour tous
Accessibilité, un ingrédient essentiel d'un Web pour tous
 
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
Des vidéos libres et accessibles sur le Web, un pari impossible ? - RMLL 2012
 
Accessibilité et logiciel libre, l’union fait la force ! - RMLL 2012
Accessibilité et logiciel libre, l’union fait la force !  - RMLL 2012Accessibilité et logiciel libre, l’union fait la force !  - RMLL 2012
Accessibilité et logiciel libre, l’union fait la force ! - RMLL 2012
 
Intégrer l'accessibilité dans ses projets web - CRAW 2013
Intégrer l'accessibilité dans ses projets web - CRAW 2013Intégrer l'accessibilité dans ses projets web - CRAW 2013
Intégrer l'accessibilité dans ses projets web - CRAW 2013
 
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
Accessibilité du Web, vecteur d&rsquo;innovation et de performance pour l&r...
 
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
Accessibilité du Web, petit tour d’horizons des idées reçues - RMLL 2010
 

L'accessibilité, au-delà des contraintes, un atout pour votre audience Avantages et limites de l'accessibilité pour le référencement

  • 1. L'accessibilité, au-delà des contraintes, un atout pour votre audience Avantages et limites de l'accessibilité pour le référencement
  • 2. 2 Armony ALTINIER Consultante et formatrice en accessibilité numérique ACS HORIZONS @armonyaltinier
  • 4. 4 Accessibilité Percevoir - Comprendre - Naviguer - Interagir - Contribuer Handicaps : visuels, auditifs, physiques, de parole, cognitifs et neurologiques. Source : W3C – WAI (en anglais) : http://www.w3.org/WAI/intro/accessibility.php
  • 5. 5 Situation de handicap Une question de contexte Déficience  Incapacité  Handicap
  • 6. 6 Audience « L'audience d'un média définit l'ensemble des individus exposés, ou leur nombre » Source : Wikipédia : https://fr.wikipedia.org/wiki/Audience_%28m%C3%A9dia%29
  • 7. 7 Audience : les gens selon l'INSEE « 1 personne sur 5 déclare être limitée dans ses activités » Source : INSEE enquête vie quotidienne et santé (2009) : http://www.insee.fr/fr/themes/document.asp?ref_id=ip1254#inter1
  • 8. 8 Audience sur le Web : SEO, entre autres...
  • 9. 9 CMS « open source », peut toujours être rendu accessible Logiciel libre, quatre libertés : 1.Utiliser 2.Étudier 3.Modifier 4.Partager
  • 10. 10 Quel impact de l'accessibilité sur l'audience d'un site ?
  • 11. 11 Bonnes pratiques SEO et règles d'accessibilité
  • 12. 12 Sources • Guide d'optimisation pour les moteurs de recherche et autres ressources Google • Référentiel AccessiWeb 2.2 basé sur les WCAG 2 et compatible RGAA
  • 13. 13 Images : renseigner correctement l'alternative ●Assurez-vous que le texte associé aux at- tributs alt est descriptif et pertinent. ● Question des images non porteuses d'infor- mation ●Utilisez du texte plutôt que des éléments graphiques. […] notre robot d'exploration ne reconnaît pas les informations contenues dans les éléments graphiques. ●Placer vos images près d'un texte pertinent. ●Pour que la majorité des internautes puissent accéder à vos contenus textuels importants, intégrez-les au format HTML. Critères 1.1, 1.2, 1.3, 1.5, 1.6, 1.7, 1.8, 1.9
  • 14. 14 Multimédia : Google aveugle et sourd ● Googlebot ne peut pas explorer le contenu de fichiers vidéo.[...] Envisagez de créer une transcription de la vidéo à inclure ou fournissez une description détaillée de celle-ci dans le code HTML ● Nous vous conseillons de réserver les technologies rich media (Flash, par exemple) aux éléments esthétiques de votre site et d'utiliser le langage HTML pour le contenu et la navigation. Critères 4.1, 4.2, 4.15, 4.16, 4.17
  • 15. 15 Liens : soignez vos intitulés ! ●Améliorer la qualité des textes d'ancre : choisissez du texte descriptif, rédiger du texte concis ●Indiquez un texte alt lorsque vous utilisez des images comme liens Critères 6.1, 6.6
  • 16. 16 Scripts : ne pas faire dépendre l'accès au contenu de scripts Si certaines fonctionnalités (JavaScript, co- okies, ID de session, cadres, balises DHTML ou contenus Flash) vous empêchent d'affi- cher la totalité de votre site dans un naviga- teur texte, il est possible que les robots ren- contrent des difficultés similaires lors de leur exploration. Critères 7.1, 7.2, 7.4
  • 17. 17 Éléments obligatoires : titre de page et code sans erreur ●Assurez-vous que le texte associé aux ba- lises <title> est descriptif et pertinent. ●Assurez-vous que vos liens fonctionnent correctement et que le code HTML de vos pages ne présente pas d'erreurs. ● «  Bien que nous recommandions l'utilisation  d'un code HTML correct, cela n'a normalement  aucune incidence sur la façon dont Google ex- plore et indexe votre site. » Critères 8.1, 8.2, 8.5, 8.6
  • 18. 18 Structurer vos pages à l'aide d'en-têtes ●Utiliser de façon appropriée les balises d'en-tête. ●Évitez de passer d'une taille d'en-tête à une autre de façon incohérente Critères 9.1
  • 19. 19 Présentation de l'information ● « L'utilisation du code CSS permet de dis- tinguer la présentation du contenu et d'obte- nir un meilleur rendu et un chargement des pages plus rapide. » ● Pour vérifier le fonctionnement de votre site, utilisez un navigateur texte tel que Lynx. Critères 10.1, 10.2
  • 20. 20 Navigation ●Faciliter la navigation sur votre site. Aidez vos utilisateurs en utilisant des fils d'Ariane ●Ajouter un plan de site Critères 12.1, 12.4, 12.5, 12.8, 12.9
  • 21. 21 Attention : de nombreux critères existent encore pour l'accessibilité et le SEO
  • 23. 23 « black hat »: les risques ● Risques pour l'accessibilité – Perturber la consultation par certains utilisateurs, notamment ceux utilisant des lecteurs d'écran ● Risques de pénalité en cas de fraude – Blacklistage – Sandbox sélective ou générale – Déclassement
  • 24. 24 Le coût de la non accessibilité ● Perte d'audience ● Contenus non indexés (vidéos par exemple)
  • 25. 25 Accessibilité, quel impact sur le SEO ? ● Pas d'impact négatif sur le SEO loyal ● Pas forcément d'impact positif sur le SEO, même si de bonnes pratiques se rejoignent « Concevez vos pages en pensant d'abord aux internautes et non aux moteurs de recherche. » Google
  • 26. 26 Accessibilité, quel impact sur l'audience ? ● Penser à tous ses utilisateurs = penser aux 20 % de personnes limitées dans leurs activités ● Google : aveugle et sourd ! ● Tout le monde peut être en situation de handicap
  • 27. 27 Accessibilité et référencement ● Accessibilité et indexabilité – Les moteurs de recherche analysent la page comme un lecteur d'écran ● Accessibilité et positionnement – Accessibilité nécessaire, mais pas suffisante – Un site peut être bien positionné et pas accessible ● Accessibilité et référencement, deux domaines à part entière : des bonnes pratiques convergentes, mais insuffisantes
  • 28. 28 L'accessibilité, nécessaire pour votre audience ! Un site pour des gens doit être un site accessible. Accessibilité : première étape pour améliorer son audience en qualité
  • 30. 30 via Twitter : @armonyaltinier par e-mail : armony@acs-horizons.fr
  • 31. 31 PLANNING ● Ne loupez pas les prochaines conférences et tables rondes ! – Investir dans un CMS : Comment les entreprises capitalisent-elles sur le choix d'un même CMS pour plusieurs projets Amphithéâtre Émile Laffon – Gamifier votre gestion de contenu : Appliquer des mécanismes de jeu pour fidéliser votre audience Salle Potiron – Les enjeux de fréquentation pour les administrations Publiques Salle Tilleul – eZ Publish : Mieux comprendre l'utilisateur pour répondre à ses attentes : analyse du parcours, statistiques temps réel, segmentation Salle Olive – Jahia Wise : Une nouvelle approche du partage documentaire collaboratif Salle Aubergine
  • 32. 32 Crédits et licence ● Auteure : Armony ALTINIER – Société ACS Horizons http://acs-horizons.fr ● Licence : Creative Commons BY-SA France 3.0 ou ultérieure : http://creativecommons.org/licenses/by-sa/3.0/fr/
  • 33. 33 Crédits images ● p.4 Fauteuil roulant par jvangalen - http://www.sxc.hu/photo/850688 ● p.5 dessin de Frank Margerin ● p.6 personnages par Julie Tolomelli - http://latolo.didrocks.fr/ ● p.6 et 23 dessin à partir de ceux de sampler : http://openclipart.org/user-detail/sampler ● p.7 ● p.8 logo Google sur Wikimedia Commons : https://commons.wikimedia.org/wiki/File:Google-Logo.svg ● p.9 clipart taureau par N/A :http://fr.clipartlogo.com/image/gnu-cartoon-cow-bull-logo-buffalo-horns-animal_394516.html ● p.9 ● p.12 logo AccessiWeb : http://www.accessiweb.org ● p.13 Clipart maison par Rejon: http://openclipart.org/detail/70/nicus-crash-cchost-file-by-rejon ● p.14 clap cinéma par shuttermonkey : https://openclipart.org/detail/16349/movie-clapperboard-by-shuttermonkey ● p.15 chaîne clipart par Nicubunu : http://openclipart.org/detail/22077/chain-by-nicubunu ● p.16 image java script : http://softsupplier.com/javascript-103372/ ● p.18 ● p.19 clipart réuinon par Anonymous : http://openclipart.org/detail/25444/presentation-by-anonymous-25444 ● p.20 boussole par ernes : https://openclipart.org/detail/50329/bussola---compass-by-ernes ● p.24 ● p.26 ● p.28 : empreinte de pied par Benji Park : http://openclipart.org/detail/26274/right-footprint-by-anonymous ● p.30 Icon oiseau bleu par Jonah Bron : http://openclipart.org/detail/69631/twitter-icon-by-jonah-bron ● p.30 clipart enveloppe par sheikh_tuhin : http://openclipart.org/detail/19943/mail-by-sheikh_tuhin-19943 ● p.32