SlideShare ist ein Scribd-Unternehmen logo
1 von 29
L’ACCESSIBILITE DES SITES
       INTERNET
        ROLE DES CMS,
      DES CONTRIBUTEURS
        OU DES DEUX?
JEAN-PIERRE
 VILLAIN

DIRECTEUR TECHNIQUE

QELIOS

  @villainjp
ISABELLE
 LENAIN

CHEF DE PROJET

PARIS.FR
YVAN MICHEL


CHEF DE PROJET PORTAILS

PARIS.FR

  @yvan94
CEDRIC DAMIOLI


DIRECTEUR R&D

ANYWARE SERVICES

  @cedric_damiolo
Le CMS il fait de l’accessibilité ?
CMS : ecosystème de production de contenu


                    Un projet, des besoins, des contraintes




Des contributeurs                                               Des développeurs




                                              Fonctionnalités
                       Contenus                 Templates
                                                 Modules




                                  Un site Web
CMS : la brique fondamentale
Le W3C, les CMS et l’Accessibilité
Le W3C, les CMS et l’Accessibilité
Le W3C, les CMS et l’Accessibilité




        WCAG          ATAG
Authoring Tool Accessibility Guidelines

       Créer des interfaces accessibles             Guider et supporter la production de
                                                            contenus accessibles

  1. Les interfaces utilisateurs doivent implémenter Les WCAG
                                                  1. les processus de création automatique doivent pr

  2. Les zones d'éditions doivent être perceptibles Les auteurs doivent être guidés dans la production
                                                  2.

  3. Les zones d'éditions doivent être utilisables 3. Les auteurs doivents être guidés pour améliorer l'

  4. Les zones d'éditions doivent être compréhensibles d'édition doit fournir des fonctionnalités dé
                                                4. L'outil
Exemples : insérer une image




   1. Insérer une image
Exemples : insérer une image




     2. Guider l’auteur
Exemples : insérer une image




3. Vérifier et aider à la correction
   et l’amélioration
ATAG 2.0 : encore en attente




                                    ATAG
                                    2013 ?


                 WCAG




L’implémentation d’ATAG est un enjeu majeur pour le Web
TOUR DE TABLE
ISABELLE
 LENAIN

CHEF DE PROJET

PARIS.FR
YVAN MICHEL


CHEF DE PROJET PORTAILS

PARIS.FR

  @yvan94
CEDRIC DAMIOLI


DIRECTEUR R&D

ANYWARE SERVICES

  @cedric_damiolo
PLACE AU DEBAT !
IMPACT DE L’ACCESSIBILITE

Quel impact sur votre
 feuille de route ?
QUELLES METHODOLOGIES ?

Référentiels (ATAG, AW
 CMS) ?
Autre ?
QUELLES STRATEGIES ?

Solutions techniques
Solutions fonctionnelles
Accompagnement des
 développeurs
Accompagnement des
 intégrateurs
Accompagnement des
 administrateurs
PRINCIPALES DIFFICULTES

rencontrées lors de la
  mise en place des
  bonnes pratiques
  d'accessibilité dans
  un CMS ?
IMPACT DES CONTRIBUTEURS

Responsabilités dans
 l’atteinte d’un objectif
  50% technique
  50% contributeurs


Comment optimiser
 l’impact des
 contributeurs ?
PLACE AUX QUESTIONS !
VIA TWITTER : @CMSday / #CMSday
   PAR MAIL : contact@cmsday.fr
PLANNING


Après le déjeuner, ne manquez pas les
 prochaines conférences et tables rondes !
  Gestion de contenu et gestion documentaire,
   même combat ?
   Présentation en avant-première de la
   nouvelle solution de GED et de collaboration
   sociale de Jahia
   Salle Émile Lafon
  CMS open source, nouvelles plateformes de
   social content ?
   Salle Olive

Weitere ähnliche Inhalte

Andere mochten auch

The Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarThe Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarInSites on Stage
 
The Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarThe Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarInSites on Stage
 
User-Created Content: Maintaining accessibility & usability when we don't con...
User-Created Content: Maintaining accessibility & usability when we don't con...User-Created Content: Maintaining accessibility & usability when we don't con...
User-Created Content: Maintaining accessibility & usability when we don't con...deborahgu
 
이유진 1410155 연구결과 보고서
이유진 1410155 연구결과 보고서이유진 1410155 연구결과 보고서
이유진 1410155 연구결과 보고서tnrauddbwls
 

Andere mochten auch (8)

Atag & drupal 8
Atag & drupal 8Atag & drupal 8
Atag & drupal 8
 
blanca
blancablanca
blanca
 
Resume (1)
Resume (1)Resume (1)
Resume (1)
 
The Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarThe Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees Seminar
 
The Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees SeminarThe Chief Consumer Officer Smartees Seminar
The Chief Consumer Officer Smartees Seminar
 
User-Created Content: Maintaining accessibility & usability when we don't con...
User-Created Content: Maintaining accessibility & usability when we don't con...User-Created Content: Maintaining accessibility & usability when we don't con...
User-Created Content: Maintaining accessibility & usability when we don't con...
 
이유진 1410155 연구결과 보고서
이유진 1410155 연구결과 보고서이유진 1410155 연구결과 보고서
이유진 1410155 연구결과 보고서
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 

Ähnlich wie Accessibilité des CMS: présentation Qelios au CMSDay 2012

L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webJulien Dereumaux
 
Accessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéAccessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéPerformance Agile
 
Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange vincent aniort
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Rubedo, a WebTales solution
 
Agora cms 2014 - Méthodes agiles et culture Devops au service du Web
Agora cms 2014 - Méthodes agiles et culture Devops au service du WebAgora cms 2014 - Méthodes agiles et culture Devops au service du Web
Agora cms 2014 - Méthodes agiles et culture Devops au service du WebVanessa David
 
Retour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueRetour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueXWiki
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesFabernovel
 
AgileTour Toulouse 2012 : agilité, innovation utile au business !
AgileTour Toulouse 2012 : agilité, innovation utile au business !AgileTour Toulouse 2012 : agilité, innovation utile au business !
AgileTour Toulouse 2012 : agilité, innovation utile au business !Agile Toulouse
 
Livre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressEmilie LEBRUN
 
Drupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par LinagoraDrupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par Linagorajp_mouton
 
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientéeLa refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientéeLoic Nunez
 
Webseminaire Webfactory2 0
Webseminaire Webfactory2 0Webseminaire Webfactory2 0
Webseminaire Webfactory2 0Wax Interactive
 
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 Webambin_fr
 
Accéder au développement Dot.Net et Asp.Net
Accéder au développement Dot.Net et Asp.NetAccéder au développement Dot.Net et Asp.Net
Accéder au développement Dot.Net et Asp.NetFrédéric Vandenbriele
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUISYannick D.
 
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...Sébastien Levert
 
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performantSéminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performantLINAGORA
 
Choix strategique d'un CMS
Choix strategique d'un CMSChoix strategique d'un CMS
Choix strategique d'un CMSOlivier Dommange
 

Ähnlich wie Accessibilité des CMS: présentation Qelios au CMSDay 2012 (20)

L'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site webL'importance du design dans l'efficacité de votre site web
L'importance du design dans l'efficacité de votre site web
 
Accessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformitéAccessibilité web : guide de mise en conformité
Accessibilité web : guide de mise en conformité
 
Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange Accessibilité numérique et Industrialisation @Orange
Accessibilité numérique et Industrialisation @Orange
 
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
Webinar Rubedo, la premiere solution cms open source tirant profit des atouts...
 
Agora cms 2014 - Méthodes agiles et culture Devops au service du Web
Agora cms 2014 - Méthodes agiles et culture Devops au service du WebAgora cms 2014 - Méthodes agiles et culture Devops au service du Web
Agora cms 2014 - Méthodes agiles et culture Devops au service du Web
 
Retour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ AfriqueRetour d'expérience CANAL+ Afrique
Retour d'expérience CANAL+ Afrique
 
Vers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériencesVers une nouvelle ère de vos expériences
Vers une nouvelle ère de vos expériences
 
AgileTour Toulouse 2012 : agilité, innovation utile au business !
AgileTour Toulouse 2012 : agilité, innovation utile au business !AgileTour Toulouse 2012 : agilité, innovation utile au business !
AgileTour Toulouse 2012 : agilité, innovation utile au business !
 
Livre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPress
 
Drupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par LinagoraDrupal 7 : un CMS polymorphe recommandé par Linagora
Drupal 7 : un CMS polymorphe recommandé par Linagora
 
Numérique et handicap 2017 journée détude montpellier intervention zenoni
Numérique et handicap 2017  journée détude montpellier intervention  zenoniNumérique et handicap 2017  journée détude montpellier intervention  zenoni
Numérique et handicap 2017 journée détude montpellier intervention zenoni
 
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientéeLa refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
La refonte du site Internet de HEC Montréal et la démarche UX qui l\'a orientée
 
Webseminaire Webfactory2 0
Webseminaire Webfactory2 0Webseminaire Webfactory2 0
Webseminaire Webfactory2 0
 
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
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
Accéder au développement Dot.Net et Asp.Net
Accéder au développement Dot.Net et Asp.NetAccéder au développement Dot.Net et Asp.Net
Accéder au développement Dot.Net et Asp.Net
 
Yannick DUPUIS
Yannick DUPUISYannick DUPUIS
Yannick DUPUIS
 
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
SharePoint Summit 2012 - Gouvernance et évolution d'une équipe de développeme...
 
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performantSéminaire novembre 2010 - Les CMS Open Source au service d'un web performant
Séminaire novembre 2010 - Les CMS Open Source au service d'un web performant
 
Choix strategique d'un CMS
Choix strategique d'un CMSChoix strategique d'un CMS
Choix strategique d'un CMS
 

Mehr von Qelios

Paris Web 2013 - Atelier, rendre une application accessible en quatre étapes
Paris Web 2013 - Atelier, rendre une application accessible en quatre étapesParis Web 2013 - Atelier, rendre une application accessible en quatre étapes
Paris Web 2013 - Atelier, rendre une application accessible en quatre étapesQelios
 
Accessibilité du Web: méthodes d'évaluation rapide
Accessibilité du Web: méthodes d'évaluation rapideAccessibilité du Web: méthodes d'évaluation rapide
Accessibilité du Web: méthodes d'évaluation rapideQelios
 
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?Qelios
 
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...Qelios
 
Rendre un portail accessible - journée Accessibilité de l’ADULOA
Rendre un portail accessible - journée Accessibilité de l’ADULOARendre un portail accessible - journée Accessibilité de l’ADULOA
Rendre un portail accessible - journée Accessibilité de l’ADULOAQelios
 
Prioriser les chantiers d'accessibilité numérique quand tout est à faire
Prioriser les chantiers d'accessibilité numérique quand tout est à fairePrioriser les chantiers d'accessibilité numérique quand tout est à faire
Prioriser les chantiers d'accessibilité numérique quand tout est à faireQelios
 
Aria au pays du web
Aria au pays du webAria au pays du web
Aria au pays du webQelios
 
Get the most out of your accessibility expert
Get the most out of your accessibility expertGet the most out of your accessibility expert
Get the most out of your accessibility expertQelios
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebQelios
 
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4All
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4AllMipaw: Model for a Progressive Implementation of Web Accessibility - Web4All
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4AllQelios
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)Qelios
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du WebMIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du WebQelios
 

Mehr von Qelios (12)

Paris Web 2013 - Atelier, rendre une application accessible en quatre étapes
Paris Web 2013 - Atelier, rendre une application accessible en quatre étapesParis Web 2013 - Atelier, rendre une application accessible en quatre étapes
Paris Web 2013 - Atelier, rendre une application accessible en quatre étapes
 
Accessibilité du Web: méthodes d'évaluation rapide
Accessibilité du Web: méthodes d'évaluation rapideAccessibilité du Web: méthodes d'évaluation rapide
Accessibilité du Web: méthodes d'évaluation rapide
 
HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?HTML5, ARIA et accessibilité du Web: où en est-on?
HTML5, ARIA et accessibilité du Web: où en est-on?
 
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...
Mesure de la conformité WCAG 2.0 via le référentiel AccessiWeb 2.2 avec HTML5...
 
Rendre un portail accessible - journée Accessibilité de l’ADULOA
Rendre un portail accessible - journée Accessibilité de l’ADULOARendre un portail accessible - journée Accessibilité de l’ADULOA
Rendre un portail accessible - journée Accessibilité de l’ADULOA
 
Prioriser les chantiers d'accessibilité numérique quand tout est à faire
Prioriser les chantiers d'accessibilité numérique quand tout est à fairePrioriser les chantiers d'accessibilité numérique quand tout est à faire
Prioriser les chantiers d'accessibilité numérique quand tout est à faire
 
Aria au pays du web
Aria au pays du webAria au pays du web
Aria au pays du web
 
Get the most out of your accessibility expert
Get the most out of your accessibility expertGet the most out of your accessibility expert
Get the most out of your accessibility expert
 
WCAG et l’accessibilité du Web
WCAG et l’accessibilité du WebWCAG et l’accessibilité du Web
WCAG et l’accessibilité du Web
 
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4All
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4AllMipaw: Model for a Progressive Implementation of Web Accessibility - Web4All
Mipaw: Model for a Progressive Implementation of Web Accessibility - Web4All
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web (FEAN 2012)
 
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du WebMIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web
MIPAW: Modèle d’Implémentation Progressive de l’Accessibilité du Web
 

Accessibilité des CMS: présentation Qelios au CMSDay 2012