Enjeux et tendances du numérique pour les PME - 7 juin 2016
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
1. Accessibilité Web
Idées reçues, enjeux, implications et bénéfices
Etienne Samson
etiennesamson@gmail.com - http://www.ajaccessible.net
2. Définition :
Mise à disposition de contenus ou de ser vices
en ligne pour tout individu indépendamment de :
• Son équipement :
outil de consultation, infrastructure
réseau...
• Sa provenance :
culture ou localisation géographique...
• Ses aptitudes :
physique ou mentale.
3. Quelques chiffres
• 10 à 15% d'handicapés en Europe (5 million
en France, 40 millions en Europe et 500
millions dans le monde)
• Vieillissement de la population (papyboom),
25% de personnes handicapées de plus ces
dix dernières années.
• Augmentation des cas de maladies pouvant
entraîner des handicaps à plus ou moins
long terme (diabète, obésité, cholestérol...).
5. Ne sert qu’à une infime
partie de la population
• Ergonomie,
• Visibilité,
• Facilité de lecture et d'accès à l'information
Ces notions sont valables pour toutes
personnes souffrant ou non d’un handicap.
6. Les handicapés ne font
pas partie de ma cible
• L’ensemble des critères définissant la cible
n’exclue pas la possibilité qu’un des
utilisateurs ciblés souffre d’un handicap.
• Si des utilisateur handicapés ne visitent pas
votre site, n'est-ce pas justement parce que
celui-ci ne leur est pas accessible ?
7. L’accessibilité est
difficile à implémenter
• Les bases d'un site accessible ne
nécessitent pas les services d'un expert.
• Elle se traduit par la mise en place d'une
méthodologie de travail, où chaque acteur
de la production doit s’impliquer.
• Des entreprises sont spécialisées dans
l’intégration de contenu riche et accessible
(transcription, sous-titrage, flash, pdf...).
8. L’accessibilité est très
coûteuse.
• Coût infime sur la production d’un projet
depuis son origine.
• Coût relatif dans le cas d’un portage de
projet initialement non accessible.
• Retour sur investissement immédiat par
l’optimisation de la lisibilité par les moteurs
de recherche et de l’élargissement du
potentiel client.
9. La pauvreté graphique
Ces deux sites ont été labellisés Accessiweb et
nous ne pouvons pas dire qu’ils souffrent de
pauvreté graphique.
10. Elle n’implique pas
d’obligations légales
La révision de la loi 75 sur le handicap définit que :
• Article 47 : les sites publics devraient être
accessibles depuis 2008.
• Article 9 : Reconnait comme discriminatoire
le fait qu’un service privé ne soit pas
accessible.
Toute discrimination peut d’ores et déjà être
dénoncée auprès de l’HALDE.
11. projets Accessible
Quelques exemples d’impact
sur les métiers de la production Web
12. Suivi de projet
• Impliquer l’ensemble des intervenants dans
la réflexion post-projet, sensibiliser aux
contraintes d'accessibilité, si besoin
investissez des formations.
• Lister les fonctionnalités ainsi que les
technologies nécessaires, faire un
benchmark d’accessibilité autour de chaque
fonctionnalité afin d’en déterminer les
alternatives accessibles si nécessaire.
• Utiliser un outil de suivi qualité (Opquast)
13. Graphisme
• Contrôle des contrastes,
• Respect des règles typographiques,
• Penser hiérarchie de l’information, lecture
sémantique du contenu chaque page,
• Rendre identifiables les différents éléments
de la page, ne pas changer leur position.
• Livrer en plus un gabarit type contenant
l’ensemble des différents contenus pouvant
être présent sur le site.
14. Coté client :
l’intégrateur est le garant du niveau de qualité
de l’interface client, il doit donc naturellement
s’inscrire dans cette démarche d’accessibilité.
• Respecter l’ordre logique des éléments
dans la page.
• Utilisation d’une sémantique juste.
• Penser aux alternatives, aux titres, aux
tailles de polices relatives, aux labels, aux
fieldset aux tableau de données, etc...
15. Coté serveur :
Le développeur coté serveur doit faire le lien
entre le rédacteur et son contenu afin que
celui-ci puisse se concentrer sur son coeur de
métier.
• Proposer des champs contextuels au type
de contenu, pour une image :
Proposer un champ «alt».
Le rédacteur doit pouvoir saisir le
«longdesc» mais la construction du fichier,
son hébergement et la liaison entre le
fichier et son image doivent être
automatisé par le développeur.
16. Rédacteurs :
Les rédacteurs sont garants du respect de la
sémantique des contenus, c’est grâce à eux que
le site est accessible sur le long terme.
• Chaque contenu doit être identifié afin
d’être inséré sous une forme sémantique
appropriée.
• Certains points de vigilance doivent être
respectés et spécifiés (changement de
langue, alternatives, titres , abréviations...)
18. Avantages client
• Un site accessible permet à vos données d’être bien
indexées par les moteurs de recherche.
• L’accessibilité augmente le potentiel client du site.
Les handicapés représentent une part grandissante de la
population (papyboom...), elle correspond à une part de
marché non négligeable et financièrement intéressante.
• l’accessibilité donne l’image d’une entreprise responsable
et humaine.
• Bénéficie d’un effet boule de neige.
Les personnes déficientes forment une communauté
active, et n’hésiteront pas à conseiller l’utilisation de
votre support s’il est bien construit.
19. Avantages entreprise
• Vos employés se responsabilisent, font l’acquisition d’une
expertise, se valorisent et s’impliquent dans l’ensemble
des étapes de production du projet.
• Favorise le travail en équipe, fluidifie la communication
entre les intervenants projet, augmente le facteur de
solidarité entre les intervenants projet.
• Gain de productivité et de qualité grâce au travail
d’anticipation que la production d’un site accessible
nécessite.
• Valorisation de l’image de l’entreprise :
Entreprise responsable et humaine, qui offre des
prestations de qualité.
20. Avantages cible
• Les utilisateurs bénéficient d’un site qui est utilisable sans
contraintes de supports.
• L’utilisateur n’est pas contraint, il est accompagné,
rassuré.
• L’utilisateur bénéficie de repères, lui donnant des facilités
de compréhension et de navigation sur l’outil.
Il s’approprie le projet de manière beaucoup plus
évidente.
21. Labellisation et
certification.
C’est une très bonne chose mais attention !
22. Certification
• Point positif pour l’entreprise car elle peut se targuer
d’avoir des experts certifiés en accessibilité web auprès
de ses clients.
• Point positif pour le salarié car il se sent valorisé, et
acquière une formation puis une certification.
• Cependant,
• Internet est en constante mutation, il faut se tenir à
jour, et être très attentif aux évolutions des bonnes
méthodes à utiliser pour produire des sites accessibles.
23. Labellisation
• Point positif pour le client, la labélisation de son site est
un gage de qualité, de plus c’est un point sur lequel il peut
communiquer.
• Positif pour l’entreprise prestataire, elle peut vendre ses
compétences et inclure le site dans son catalogue de
réalisations.
• Cependant,
• Une labellisation résulte d’une analyse figé dans le
temps (souvent juste après la phase de recette), pour
maintenir ce même niveau de qualité il faut être
particulièrement vigilant sur :
• Les mises à jour, les évolutions du site,
• L’insertion des contenus rédactionnels.
24. Ressources :
• Livres :
• Créer des sites Web accessibles à tous,
Alexandre Afchain et Julien Lanceraux, Collection Néret.
• Design Web : utiliser les standards,
Jeffrey Zeldman, Edition Eyrolles.
• Sites :
• Web Accessibility Initiative : http://www.w3.org/WAI/
• Web Content Accessibility Guidelines : http://www.w3.org/WAI/intro/
wcag.php
• Webaim : http://www.webaim.org/
• Openweb : http://openweb.eu.org/
• Blog Temesis : http://blog.temesis.com/
• Opquast : http://www.opquast.com/
• Association braillenet : http://www.braillenet.org/
• Accessiweb : http://www.accessiweb.org/
Etienne Samson
etiennesamson@gmail.com - http://www.ajaccessible.net