#a11y = accessibilité - JoomlaDay FRSource: le 20 févr. 2015 - Initiation à l'accessibilité numérique : recommandations et bonnes pratiques avec Audrey Vittecoq-Laporte, Responsable

RGAAC3rb un template accessible c3rb.org/jd15fr #jd15fr Joomla!Day 9 et 10 mai 2015 Nice

1 RGAAC3rb un template accessible

Ariane Andurand - C3rb Informatique

Experte CMS Joomla! depuis 2008 - Membre du GTA depuis 2011 - @ArianeWedesign

#a11y = accessibilité

http://www.afuj.fr/


2

Source: le 20 févr. 2015 - Initiation à l'accessibilité numérique : recommandations et bonnes pratiques avec Audrey Vittecoq-Laporte, Responsable qualité web

L’#a11y: handicap

L’accessibilité numérique c’est pour les

handicapés personnes

en situation de handicap.

http://www.afuj.fr/


L’#a11y: web pour tous

« Mettre le web et ses services à la disposition

de tous les individus, quels que soient leur

matériel ou logiciel, leur infrastructure réseau,

leur langue maternelle, leur culture, leur

localisation géographique, ou leurs aptitudes

physiques ou mentales. »

par Tim Berners-Lee, inventeur du World Wide Web

3

http://www.afuj.fr/


L’#a11y: les recommandations 4

http://www.afuj.fr/


L’#a11y: 20 ans après WAI

Des progrès…

• Diffusion des standards

• Diffusion des bonnes pratiques

• Évolution des outils et

technologies

• Culture de l’#a11y

Des freins…

• Un site accessible c’est moche

• ROI ?

• Gadget, plugins

• Les moyens

5

http://www.afuj.fr/


L‘#a11Y: Parfaite ? 6

http://www.afuj.fr/


L’#a11y: 20 ans après WAI 7

http://www.afuj.fr/


L’#a11y: les outils, le matériel

● Opquast Desktop: plugin navigateur

● WCAG contrast checker: plugin navigateur

● Tanaguru contrast checker: plugin navigateur

● CCA: Colour Contrast Analyser

● Accessibilité Evaluation Toolbar

…

8

http://www.afuj.fr/


L’ #a11y: processus en continu 9

http://www.afuj.fr/


Ressources et documentation: #a11y 10

Access-key

#a11y sur les réseaux sociaux

http://www.afuj.fr/

http://temesis.com/

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

http://braillenet.org/

http://access42.net/spip.php?rubrique3

http://accessibiliteweb-lelivre.com/

http://www.smile.fr/extension/smiledesign/design/redesign2012/images/content/logo_smile_france.png

http://www.unice.fr/

http://www.uha.fr/

http://www.blogfondation.orange.com/


Sites Publics le cadre légal et démarche en France 11

http://www.afuj.fr/


Sites Publics le cadre légal et démarche en France

3% des sites publics

avait déposé une déclaration*

* Etude de mars 2014 “ce que les sites web nous disent de leur accessibilité” - étude Braillenet/UPMC

12

http://www.afuj.fr/



Officialisation du RGAA3 le 02 mai 2015

JORF n°0102 du 2 mai 2015 page 7562

Arrêté du 29 avril 2015 relatif au référentiel général d'accessibilité

pour les administrations

NOR: PRMJ1429508A ELI: http://legifrance.gouv.fr/eli/arrete/2015/4/29/PRMJ1429508A/jo/texte

13

http://www.afuj.fr/



Le nouveau label e-accessible

Volet organisation du label:

● engagement de la direction

● référent accessibilité numérique

● contrôle continue de l’accessibilité

numérique

14

http://www.afuj.fr/


Joomla! un CMS accessible ?

15

http://www.afuj.fr/


Joomla! un CMS accessible ?

Etude comparative de 2011: http://www.dailymotion.com/video/xllfld_comparatif-2011-de-l-accessibilite-des-principaux-cms-opensource-partie-2_tech

1. Joomla! 16/20,

2. TYPO 3 15,5/20,

3. eZ Publish 14/20, Drupal

14 /20,

4. SPIP 13/20 ,

5. DotClear 12/20 et

6. Wordpress 12 /20

16

http://www.afuj.fr/

http://www.dailymotion.com/video/xllfld_comparatif-2011-de-l-accessibilite-des-principaux-cms-opensource-partie-2_tech























J!3.10 un CMS (enfin) accessible ?

3ème trimestre : Joomla!3.101

Création d'un nouveau template pour l'interface

d'administration et pour remplacer les deux existants. ● Ce nouveau template devra à la fois être adaptatif et favoriser

l'accessibilité.

● L'objectif est de proposer un design unique,

robuste et convivial.

1 en date du 17/12/2014

et sous réserve de

modification.

17

http://www.afuj.fr/


Template Joomla! Accessibles ?

• zhong :

http://www.accessibletemplate.com/

• beez :

… bientôt RGAAC3rb

18

http://www.afuj.fr/





RGAAA aahhaha !!!

Vues du pack FR Joomla!

Plugin System RGAAC3rb

Rendez-vous fin mai sur

c3rb.org/jd15fr

Travailler

“ensemble”

Joomla!

19

http://www.afuj.fr/


RGAAA aahhaha !!!

Rendez-vous fin mai sur

c3rb.org/jd15fr

20

http://www.afuj.fr/

Documents

#a11y = accessibilité - JoomlaDay FRSource: le 20 févr. 2015 - Initiation à l'accessibilité numérique : recommandations et bonnes pratiques avec Audrey Vittecoq-Laporte, Responsable