1 © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet...
-
Upload
mainfred-honore -
Category
Documents
-
view
104 -
download
0
Transcript of 1 © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet...
www.legrandchalon.fr Page 1
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Nicolas DESCLOUX
Chef de Projet Internet
« La démarche d’une organisation vers l’accessibilité »
Communauté d’Agglomération du Grand Chalon
15-23 Av Georges Pompidou
71100 Chalon sur Saône
Tél : 33 (0) 3 85 94 15 15
www.legrandchalon.fr Page 2
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
La réalisation du site www.legrandchalon.fr
La communauté d’agglomération du Grand Chalon souhaitait créer un site Internet répondant aux objectifs suivants :
Un site totalement accessible
Un site ergonomique
Mais aussi et surtout …..
Un site graphiquement agréable
www.legrandchalon.fr Page 3
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Planning du projet Choix du prestataire : Juin 2004
Lancement du projet : Juillet 2004
Conception de la charte de navigation : fin juillet 2004
Validation du graphisme : Août 2004
Fourniture du Back Office : Septembre 2004
Intégration du contenu et validation du Front Office : fin octobre 2004
Ouverture du site : Fin novembre 2004
Et Obtention du label Or Accessiweb : Décembre 2004; respect des 92 critères du label
www.legrandchalon.fr Page 4
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
La Communauté d’Agglomération du Grand Chalon est la 1ère structure publique ou para-publique en France à
obtenir le label « Or ».
www.legrandchalon.fr Page 5
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Prestataire du projet
Société de conseil et d’ingénierie crée en 1991 à Grenoble
Réalise des portails Internet, Intranet et Extranet
Héberge des applications
Référence les sites Internet et développe des outils nécessaires à la création de trafic
Engagement contractuel de l’obtention du label « Argent » d’Accessiweb; en cas de non obtention => pénalités financières
www.legrandchalon.fr Page 6
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n En quoi consiste l’accessibilité ?
C’est faire en sorte que le site Internet du Grand Chalon soit consultable par tous les internautes peu importe le handicap : léger ou lourd (aveugles, personnes âgées, handicapés moteur, daltoniens, handicapés cognitifs…).
Ce qui intéresse un internaute atteint d’un handicap, c’est l’information et non pas la présentation
www.legrandchalon.fr Page 7
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Un point critique : Module de saisie de contenu Intégration et amélioration du module HTML
Module Open Source
Modifié pour les contraintes d’accessibilité du projet
------> Respectant la norme HTML4.01 stricte pour décrire l’information
Ajout de fonctionnalités liées au respect des principes d’accessibilité
Présentation du module de saisie
www.legrandchalon.fr Page 8
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Gestion des acronymes
Saisie en Back Office
Restitution de l’information en Front Office
Un point critique : Module de saisie de contenu
www.legrandchalon.fr Page 9
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Un point critique : Module de saisie de contenu
Gestion des éléments non textuels : exemple balise « long desc »
Saisie en Back Office
Restitution de l’information en Front Office
www.legrandchalon.fr Page 10
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Un point critique : Module de saisie de contenu Gestion des langues de diction
Dans le code source, la gestion des langues de diction est implémentée
www.legrandchalon.fr Page 11
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Conclusion technologique L’accessibilité c’est déjà :
une veille technologique de fond
> sur les outils standard tel HTML AREA
> sur les outils propres à l’accessibilité
> sur les navigateurs
une bonne maîtrise des standards du web :
> HTML, CSS2, XHTML,…
Et une application pertinente du tout !
>Ex. combien de feuilles de style pour le site, attention à l’inflation …
www.legrandchalon.fr Page 12
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Intégration du contenu
Informations propres à l’accessibilité
Équivalents textuels aux contenus non textuels (notamment les images)
Alternative à tous les fichiers pdf et autres (doc, xls,…)
Poids des pages limitées à 70ko au total
Difficulté à considérer encore des images d’embellissement comme des éléments pertinents Attention à l’effet Minitel
Attention à l’effet ghetto
A la différence de nombreux sites Internet qui ont rendu quelques pages accessibles, la totalité du site du Grand Chalon est entièrement accessible
www.legrandchalon.fr Page 13
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Webmestre et contributeurs La formation des webmestres et des contributeurs aux actions
induites par l’accessibilité Et la sensibilisation des décideurs Exemple du menu à 9 entrées du grandchalon.fr
Le contrôle / validation du respect de l’accessibilité avant publication doit être une fonction prévue dans l’organisation de la publication
Cas des traductions Cas « des urgences »
Le contrôle a posteriori est une tâche récurrente
Maintenir une accessibilité « simple » (type WAI A) est aisé Maintenir un niveau de qualité implique un suivi récurrent de la part
des différents contributeurs, ainsi qu’une masse de travail relativement importante.
www.legrandchalon.fr Page 14
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Conclusion méthodologique Réaliser un site accessible c’est mieux travailler ensemble
Les concepteurs
Les graphistes
Les développeurs
Les référenceurs
Les contributeurs
Le webmestre
Les décideurs
…
Tous interviennent à leur niveau dans la chaîne de l’accessibilité
www.legrandchalon.fr Page 15
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Accessibilité *universelle* : pour une audience plus large
Exemple accessible depuis tout type de media via l’url : http://www.legrandchalon.fr
Rendu sous le client FireFox sous différente plateforme : Windows, Mac, linux.
Rendu sous Internet Explorer
Rendu sous le client Opera sous différente plateforme : Windows, Mac, linux.
www.legrandchalon.fr Page 16
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Implémenter une séparation nette entre la Forme et la Structure des contenus
Accessibilité *universelle* : pour plus d’interopérabilité
Aperçu avant impression
Média écran
Média petit écran
www.legrandchalon.fr Page 17
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Accessibilité *universelle* : Terme explicite, pour un meilleur référencement
www.legrandchalon.fr Page 18
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Readspeaker : synthèse vocale 1/2
www.legrandchalon.fr Page 19
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Readspeaker : synthèse vocale 2/2 A qui s’adresse ce service ?
En France, il existe : 6 millions de déficients visuels 600.000 à 700.000 enfants dyslexiques 4,5 millions d’enfants ne sachant pas ou peu lire 5 millions de personnes illettrés 4 millions d’étrangers dont le français n’est pas la langue maternelle 19 millions de seniors dont presque 3 millions connectés à l’Internet tous ceux pour qui il est plus facile d’écouter que de lire.
Pourquoi avoir choisi la solution Readspeaker ? l’accès à l’information par un plus grand nombre de visiteurs des visiteurs du site plus satisfaits aucun besoin de formation pour l’utilisation du son aucun besoin de gestion ni aucune attente de matériel ni de logiciel aucun changement des infrastructures de communication existantes aucune charge supplémentaire pour le serveur web
www.legrandchalon.fr Page 20
© C
om
mu
nau
té d
’Ag
glo
méra
tion
du
Gra
nd
Ch
alo
n
Merci pour votre attention !