1 © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet...

20
www.legrandchalon.fr Page 1 © Communauté d’Agglomération du Grand Chalon Nicolas DESCLOUX Chef de Projet Internet [email protected] « 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

Transcript of 1 © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet...

Page 1: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

[email protected]

« 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

Page 2: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 3: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 4: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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 ».

Page 5: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 6: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 7: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 8: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 9: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 10: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 11: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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 …

Page 12: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 13: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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.

Page 14: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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é

Page 15: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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.

Page 16: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 17: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 18: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 19: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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

Page 20: 1  © Communauté dAgglomération du Grand Chalon Page 1 Nicolas DESCLOUX Chef de Projet Internet nicolas.descloux@legrandchalon.fr «

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 !