SlideShare une entreprise Scribd logo
Accessibilité Web

Idées reçues, enjeux, implications et bénéfices





                       Etienne Samson 

        etiennesamson@gmail.com - http://www.ajaccessible.net
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.
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...).
Accessibilité web,

 les idées reçues
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.
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 ?
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...).
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.
La pauvreté graphique





Ces deux sites ont été labellisés Accessiweb et
nous ne pouvons pas dire qu’ils souffrent de
pauvreté graphique.
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.
projets Accessible

      Quelques exemples d’impact

 sur les métiers de la production Web
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)
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.
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...
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.
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...)
Accessibilité Web

   Sacerdoce à but lucratif
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.
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é.
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.
Labellisation et 

     certification.

C’est une très bonne chose mais attention !
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.
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.
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

Contenu connexe

En vedette

Presentación Modelo Iglesia
Presentación Modelo IglesiaPresentación Modelo Iglesia
Presentación Modelo Iglesia
Rodolfo A. Martinez Ochoa
 
Bulgarie
BulgarieBulgarie
DeArGe Mitteilungen 9/2002
DeArGe Mitteilungen 9/2002DeArGe Mitteilungen 9/2002
Futbol
FutbolFutbol
Futbol
zicario
 
Ejercicio 4º Turismo Automatica
Ejercicio 4º Turismo AutomaticaEjercicio 4º Turismo Automatica
Ejercicio 4º Turismo Automatica
juanmanuelruano
 
Planificaciones sexto
Planificaciones sextoPlanificaciones sexto
Planificaciones sexto
San Sebastián University
 
El Hombre Viejo Y Sabio
El Hombre Viejo Y SabioEl Hombre Viejo Y Sabio
El Hombre Viejo Y Sabio
hojitadepapel
 
LOE-COMPETENCIAS BÁSICAS 1ª PARTE
LOE-COMPETENCIAS BÁSICAS 1ª PARTELOE-COMPETENCIAS BÁSICAS 1ª PARTE
LOE-COMPETENCIAS BÁSICAS 1ª PARTE
Educación
 
Amigas Borrachas
Amigas BorrachasAmigas Borrachas
Amigas Borrachas
alitasdelalma
 
Noche de Navidad
Noche de NavidadNoche de Navidad
Noche de Navidad
hojitadepapel
 
ACTIVIDADES DE LA XO
ACTIVIDADES DE LA XOACTIVIDADES DE LA XO
ACTIVIDADES DE LA XO
JACQUELINE FAUST
 
Icfes 2009
Icfes 2009Icfes 2009
Icfes 2009
guest46c311
 
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
gueste2c18c
 
Starter Beschreibungen
Starter BeschreibungenStarter Beschreibungen
Starter BeschreibungenPGCEMaster
 
Ansiedad, Defenza Y Autoproteccion
Ansiedad, Defenza Y AutoproteccionAnsiedad, Defenza Y Autoproteccion
Ansiedad, Defenza Y Autoproteccion
UNIVERSIDAD TECNICA DE MACHALA
 
Nuevas Tecnologias
Nuevas TecnologiasNuevas Tecnologias
Nuevas Tecnologias
xXDuendecillaXx
 
Webschool - Les tendances e-commerce en 2015
Webschool - Les tendances e-commerce en 2015Webschool - Les tendances e-commerce en 2015
Webschool - Les tendances e-commerce en 2015
mariejura
 
Tecnología
TecnologíaTecnología
Tecnología
Ryu1993
 
Taller 1
Taller 1Taller 1
Taller 1
andriou77
 
Web 2.O Felipe Estrada
Web 2.O Felipe EstradaWeb 2.O Felipe Estrada
Web 2.O Felipe Estrada
Felipe Estrada
 

En vedette (20)

Presentación Modelo Iglesia
Presentación Modelo IglesiaPresentación Modelo Iglesia
Presentación Modelo Iglesia
 
Bulgarie
BulgarieBulgarie
Bulgarie
 
DeArGe Mitteilungen 9/2002
DeArGe Mitteilungen 9/2002DeArGe Mitteilungen 9/2002
DeArGe Mitteilungen 9/2002
 
Futbol
FutbolFutbol
Futbol
 
Ejercicio 4º Turismo Automatica
Ejercicio 4º Turismo AutomaticaEjercicio 4º Turismo Automatica
Ejercicio 4º Turismo Automatica
 
Planificaciones sexto
Planificaciones sextoPlanificaciones sexto
Planificaciones sexto
 
El Hombre Viejo Y Sabio
El Hombre Viejo Y SabioEl Hombre Viejo Y Sabio
El Hombre Viejo Y Sabio
 
LOE-COMPETENCIAS BÁSICAS 1ª PARTE
LOE-COMPETENCIAS BÁSICAS 1ª PARTELOE-COMPETENCIAS BÁSICAS 1ª PARTE
LOE-COMPETENCIAS BÁSICAS 1ª PARTE
 
Amigas Borrachas
Amigas BorrachasAmigas Borrachas
Amigas Borrachas
 
Noche de Navidad
Noche de NavidadNoche de Navidad
Noche de Navidad
 
ACTIVIDADES DE LA XO
ACTIVIDADES DE LA XOACTIVIDADES DE LA XO
ACTIVIDADES DE LA XO
 
Icfes 2009
Icfes 2009Icfes 2009
Icfes 2009
 
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
La re-creación Psicodramática propuesta de intervención clínico-psicológica c...
 
Starter Beschreibungen
Starter BeschreibungenStarter Beschreibungen
Starter Beschreibungen
 
Ansiedad, Defenza Y Autoproteccion
Ansiedad, Defenza Y AutoproteccionAnsiedad, Defenza Y Autoproteccion
Ansiedad, Defenza Y Autoproteccion
 
Nuevas Tecnologias
Nuevas TecnologiasNuevas Tecnologias
Nuevas Tecnologias
 
Webschool - Les tendances e-commerce en 2015
Webschool - Les tendances e-commerce en 2015Webschool - Les tendances e-commerce en 2015
Webschool - Les tendances e-commerce en 2015
 
Tecnología
TecnologíaTecnología
Tecnología
 
Taller 1
Taller 1Taller 1
Taller 1
 
Web 2.O Felipe Estrada
Web 2.O Felipe EstradaWeb 2.O Felipe Estrada
Web 2.O Felipe Estrada
 

Similaire à Accessiblite Web, Idées reçues, enjeux, implications et bénéfices

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é
Бертран Бинуа
 
#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
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
Net Design
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesign
Eric Delhoulle
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Semaweb
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
Performance Agile
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficace
Tarn Tourisme
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
ambin_fr
 
La gestion de projet informatique 2015
La gestion de projet informatique 2015La gestion de projet informatique 2015
La gestion de projet informatique 2015
Loïc Charpentier
 
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Thierry Pastorello
 
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
FranceNumerique
 
Ingénieur développement web
Ingénieur développement web   Ingénieur développement web
Ingénieur développement web ITURRIAE
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
Smile I.T is open
 
Eurelis - Construire une usine à sites
Eurelis - Construire une usine à sitesEurelis - Construire une usine à sites
Eurelis - Construire une usine à sites
Agence-Eurelis
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
LaNetscouade
 
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
 
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Chantale Laberge
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Ametys
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
NovUp
 
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Lilian FOURCADIER
 

Similaire à Accessiblite Web, Idées reçues, enjeux, implications et bénéfices (20)

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é
 
#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...
 
Workn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site webWorkn coffee 2015-refonte de site web
Workn coffee 2015-refonte de site web
 
Présentation EMLDesign
Présentation EMLDesignPrésentation EMLDesign
Présentation EMLDesign
 
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
Rédiger un bon cahier des charge pour développer son site Web, conférence Avi...
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
ATELIER 6 - site web efficace
ATELIER 6 - site web efficaceATELIER 6 - site web efficace
ATELIER 6 - site web efficace
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
La gestion de projet informatique 2015
La gestion de projet informatique 2015La gestion de projet informatique 2015
La gestion de projet informatique 2015
 
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
Lesclsdevotrestratgieebusinesslinternational 131209074509-phpapp02
 
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
Comment Bien Choisir un CMS pour les Administrations et Collectivites Locales...
 
Ingénieur développement web
Ingénieur développement web   Ingénieur développement web
Ingénieur développement web
 
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
CMSday 2013 - Usines à sites : Quelles sont les approches possibles ?
 
Eurelis - Construire une usine à sites
Eurelis - Construire une usine à sitesEurelis - Construire une usine à sites
Eurelis - Construire une usine à sites
 
Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)Mener à bien un projet Drupal (Drupagora 2013)
Mener à bien un projet Drupal (Drupagora 2013)
 
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
 
Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !Révision du plan d’architecture Web: Bien plus qu’une refonte !
Révision du plan d’architecture Web: Bien plus qu’une refonte !
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
 
Formation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et webFormation UX Design - Usages mobiles et web
Formation UX Design - Usages mobiles et web
 
Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016Enjeux et tendances du numérique pour les PME - 7 juin 2016
Enjeux et tendances du numérique pour les PME - 7 juin 2016
 

Dernier

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
 
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
 
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 - É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
 
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
 
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
 
OCTO TALKS : 4 Tech Trends du Software Engineering.pdf
OCTO TALKS : 4 Tech Trends du Software Engineering.pdfOCTO TALKS : 4 Tech Trends du Software Engineering.pdf
OCTO TALKS : 4 Tech Trends du Software Engineering.pdf
OCTO Technology
 
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
AlbertSmithTambwe
 

Dernier (9)

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
 
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
 
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 - É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'...
 
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
 
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)
 
OCTO TALKS : 4 Tech Trends du Software Engineering.pdf
OCTO TALKS : 4 Tech Trends du Software Engineering.pdfOCTO TALKS : 4 Tech Trends du Software Engineering.pdf
OCTO TALKS : 4 Tech Trends du Software Engineering.pdf
 
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU  SOUS WINDOWSCOURS D'ADMINISTRATION RESEAU  SOUS WINDOWS
COURS D'ADMINISTRATION RESEAU SOUS WINDOWS
 

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...).
  • 4. Accessibilité web, les idées reçues
  • 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...)
  • 17. Accessibilité Web Sacerdoce à but lucratif
  • 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