Accessibilité numérique, mais au fait de quoi on parle ?

  • View
    1.093

  • Download
    1

  • Category

    Internet

Preview:

DESCRIPTION

Conférence reprenant les bases de l'accessibilité numérique : Qu'est-ce que c'est, Qu'est-ce que ça n'est pas, à quoi ça (me) sert, Comment la mettre en place de façon gérable et pérenne - Accessiday, mai 2014, Caen (France)

Citation preview

ACCESSIBILITÉ NUMÉRIQUE, MAIS AU FAIT, DE QUOI ON

PARLE ?

Delphine Malassingne - Ekino

@nissone@3k1n0#accessiday

Diaporama de la conférence donnée lors de Accessiday, le 28 mai 2014 à Caen.NB : Ce diaporama a été conçu pour être diffusé en parallèle d’un discours ; il n’est donc pas toujours suffisant pour comprendre le propos.

Pour voir les ressources autour de cette conférence, vous pouvez consulter :• la page Lanyrd de la conférence (http://lanyrd.com/2014/accessiday/coverage/) ;• et, en particulier, la page concernant cette session (http://lanyrd.com/2014/accessiday/scyqwh/ ).

Le diaporama est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale Partage dans les Mêmes Conditions 3.0 non transposé. Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».

Les illustrations sont mises à disposition selon les termes de la licence Creative Commons Attribution - Partage dans les Mêmes Conditions. Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».

À propos des illustrations, voir http://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique

Qu’est-ce que c’est ?

À quoi ça (me) sert ?

Comment je m’y

prends ?

PLAN

1. Qu’est-ce que c’est ?L’ACCESSIBILITÉ NUMÉRIQUE

IDÉE REÇUE :

L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS ?

?

Déficience physique

Situation de handicap

HANDICAP ET DÉFICIENCE

HANDICAP ET AIDE TECHNIQUE

HANDICAP ET AIDE TECHNIQUE

HANDICAP ET CONTEXTE

À propos des contrastes, voir : http://www.ekino.com/a-propos-du-contraste-de-couleurs-de-texte

IDÉE REÇUE :

L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS ?

?

L’ACCESSIBILITÉ NUMÉRIQUE

L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS

PERSONNES EN SITUATION DE HANDICAP

INTERNET

Code livré à des machines qui transmettent à un humainCode disponible à des robots qui exécutent des tâches automatiques

indexationFlux d’information

navigateurs visuelsdepuis un poste de bureau en mobilité (mobile ou tablette)

navigateurs vocauxplages braille

...et demain ?

LES MACHINES

Voir aussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web

L’ACCESSIBILITÉ NUMÉRIQUE

L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES

HUMAINS EN SITUATION DE HANDICAP ET PAR LES MACHINES

QUE LES HUMAINS UTILISENT.

« Servir contenu et fonctionnalités

d’un site ou d’une application quel que soit

le cadre d’utilisation de l’internaute

(matériel, logiciel, contextuel). »

Sébastien Delorme, Delphine Malassingne

L’ACCESSIBILITÉ NUMÉRIQUE

2. À quoi ça (me) sert ?L’ACCESSIBILITÉ NUMÉRIQUE

LES GAINS COLLATÉRAUX : L’AUDIENCE

SeniorsHandicapés physiques

et mentaux

Daltoniens

Mobinautes

+60 ans Incapacité isolée et mineure

> reconnaissance administrative

8% des hommes

20 millions

12 millions 3 millions 32millions

Démographie et vieillissement, éléments de cadrage : http://www.slideshare.net/slidesharefing/g-delcroix2004, http://www.webaccessibilite.fr/les-chiffres-du-handicap-en-France-2009-08-17.php 2012 http://www.proximamobile.fr/article/la-france-compte-plus-de-32-millions-de-mobinautes

LES GAINS COLLATÉRAUX : L’AUDIENCE

Panne / absence de matériel

100 %

LES GAINS COLLATÉRAUX : UTILISABILITÉ

Accessibilité et utilisabilité vont dans une même direction : celle de l’utilisateur

LES GAINS COLLATÉRAUX : PORTABILITÉ DES DONNÉES

L’accessibilité par son essence même est une approche multi-devices

LES GAINS COLLATÉRAUX : ACCESSIBILITÉ ET SEO

Exposer l’ensemble des contenu (page de maillage, etc.)

LES GAINS COLLATÉRAUX : L’IMAGE DE MARQUE

Démarche citoyenne

La démarcheplutôt que

le résultat

LES GAINS COLLATÉRAUX :APPLICATION DE LA LOI

Loi 2005Initiatives au Parlement européenAttention à

la discriminati

on

LES GAINS COLLATÉRAUX

Voir aussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web

Meilleure expérience utilisateur

LES GAINS COLLATÉRAUX

3. Comment je m’y prends ?L’ACCESSIBILITÉ NUMÉRIQUE

SPÉCIFICATIONS ET MÉTHODES D’IMPLÉMENTATION

W3C

DISIC Association BrailleNet

Inte

rnati

on

al

Consortium définissant les standards du web

WAI

Groupe dédié à l’accessibilité

émetla spécification

Méthodes d’application françaises

Consortium définissant les standards du web

APPLIQUER LA BONNE MÉTHODOLOGIE

• Intégrer l’accessibilité dans une démarche qualité  http://articles.nissone.com/2011/04/integre...• L’accessibilité agile : http://openweb.eu.org/articles/accessibilite_agile • Accessibilité du Web : les pièges les plus fréquents : http://openweb.eu.org/articles/planifier_accessibilite • Sensibiliser à l’accessibilité : dans la peau de l’utilisateur

http://accessiblog.fr/2014/05/sensibiliser-accessibilite-dans-la-peau-utilisateur/

Se faire accompagner / Choisir des prestataires experts Expliquer et formerIntégrer un sponsor au projetPrendre en compte l’accessibilité en début de projetDistribuer les responsabilitésPenser utilisateur final plus que spécificationsItérations et amélioration continue

SE FORMER / FORMER

Formation d’expertsFormation des contributeurs

Prestataire qualifiéPrestataire spécialiséOutils

SE FAIRE AIDER

• http://accede-web.com/fr/

S’OUTILLER

AccessiwebBP du web Opquast > Accessibilité Easy ChecksFirsts StepsOcawa (Urbilog)Opquast ReportingTanaguru et …tests utilisateurs

Démarche et intentionsLabellisation et conformité

AccessiwebRGAA

COMMUNIQUER

Accessibilité technique

etaccessibilité des contenus

SUIVRE L’ACTUALITÉ

http://delphinem.github.io/AccessibiliteNumeriqueDeQuoiOnParle/

Listes de diffusions : conversations d’experts / aide des experts aux débutants Blog d’experts-passionnésSites de référence

C’ESTPOUR TOUS

C’ESTPOUR MOI

C’ESTFAISABL

E

Delphine Malassingne – @nissone

Liens et références

Accessiweb http://www.accessiweb.org/

Accede Web http://accede-web.com/fr/

Référentiel des BP du web Opquast > Accessibilité https://checklists.opquast.com/fr/oqs-v2?q=accessibilit%C3%A9

Easy Check http://www.w3.org/WAI/eval/preliminary

Firsts Steps -

https://checklists.opquast.com/fr/accessibility-first-step/

Ocawa http://www.ocawa.com/

Opquast Reporting https://reporting.opquast.com/fr/

Tanaguru http://www.tanaguru.com/

RGAA https://references.modernisation.gouv.fr/rgaa-accessibilite

WCAG http://www.w3.org/Translations/WCAG20-fr/

SPÉCIFICATIONS ET OUTILS

Etc.

Listes de diffusionAccessibilité numériquehttp://list.accessiw...Accesstechhttp://listes.rezo.net/mailman/listinfo/accesstech

BlogsOlivier Nourry http://accessiblog.fr/Tanguy Lohéac http://www.tanguy-loheac.com/blog/

Sites de référenceAccessibilité Web (canadien) http://accessibiliteweb.com/blogue/

BrailleNet http://www.braillenet.org/

Open Web – Accessibilité http://openweb.eu.org/accessibilite

AutresLes tuyaux de l’accessibilitéhttp://tuyauxa11y.info/

Conférences Liste de conférences en français sur l’accessibilité http://lanyrd.com/guides/web-accessibility-conferences-in-french/

Forum Européen de l’Accessibilité NumériqueÉdition 2014 : http://inova.snv.jussieu.fr/evenements/colloques/colloques/82_index_fr.htmlAccessiday http://www.accessiday.fr

VEILLE / CONFÉRENCES

Etc.

Accessiweb http://www.accessiweb.org/index.php/Formations.html

Atalan http://www.atalan.fr/fr/formation_accessibilite_web/

Qelioshttp://www.qelios.net/formation.htm

Temesis http://temesis.com/formation/

FORMATION

Etc.

PRESTATAIRE

Ekino conçoit et réalise avec vous sites internet, applications mobiles et services

numériques tournés vers vos utilisateurs

en s’appuyant sur des exigences de qualité.

C’est pourquoi Ekino est OPQUAST PARTNERS fondateur

et EXPERT ACCESSIWEB

contact@ekino.com

REMERCIEMENTS

Stéphane DeschampsMes collègues chez Ekino : Gilles, Ky Lân, Olivier et PierreArticles

http://openweb.eu.org/articles/accessibilite_contrastes_textes_sites http://patrickroux.fr/developpement/accessibilite-rgaa-wcag-accessiweb-cest-quoi-4310http://www.ideose.com/accessibilite-du-web-pour-les-seniors-besoin-dun-web-senior/  

Élie Sloïm, Sébastien Delorme

CRÉDITS

Mise en forme : Romain EmonetIllustrations * : Delphine Malassingne

* Les illustrations sont mises à disposition selon les termes de la licence Creative Commons Attribution - Partage dans les Mêmes Conditions. .Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».À propos des illustrations, voir

http://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique

W3C World Wide Web Consortium

WAI Web Accessibility InitiativeInitiative sur l’accessibilité du web

WCAG Web Content Accessibility GuidelinesRègles pour l’accessibilité des contenus web

RGAA

Référentiel Général d'Accessibilité pour les Administrations

DISIC Direction Interministérielle des Systèmes d‘Information et de Communication

SIGLES

CONTACT

Delphine MalassingneResponsable qualité chez Ekinohttp://nissone.com @nissone

EkinoAgence technologique digitalehttp://www.ekino.fr@3k1n0

Recommended