L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus...
-
Upload
olivier-nourry -
Category
Internet
-
view
299 -
download
0
Transcript of L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus...
![Page 1: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/1.jpg)
L’accessibilité à grande échelleComment WordPress intègre l’accessibilité à son processus de développement
![Page 2: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/2.jpg)
Le véritable auteur
Joe Dolson“Mr WordPress Accessibility”
www.joedolson.com@joedolson
![Page 3: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/3.jpg)
Ses contributions
Contributeur du core, et de Make WordPress AccessibleDéveloppeur de thèmes.Plugs-in: • WordPress Accessibility• Access Monitor• et d’autres
![Page 4: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/4.jpg)
La présentation d’origine
Sur Slideshare:
http://www.slideshare.net/joedolson/massively-maintained-accessibility-wordpress
![Page 5: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/5.jpg)
Petit voyage dans le temps
Mars 2011:- Création de
Make.WordPress.org/accessibility
Mai 2011:- Première demande a11y: WP 3.2 et thème
Twenty Eleven.
![Page 6: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/6.jpg)
Suite du voyage dans le temps
De mai à novembre 2011:
...
![Page 7: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/7.jpg)
Monter une organisation
- Leadership- Implication- Processus
![Page 8: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/8.jpg)
Le processus d’évolution de WordPress
● Proposer une amélioration, un correction, ou une fonctionnalité.
● Obtenir l’adhésion d’autres développeurs.
● Fournir un feedback sur les anomalies.● Arrive ce qui doit arriver...● Intégrer au core.
![Page 9: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/9.jpg)
Le processus d’évolution de WordPress
● Release Lead: définit les priorités, oriente les développement.
● Impliquer le release lead est vital.
Un grand merci à Drew Jaynes, release lead sur WordPress 4.2, pour avoir priorisé l’accessibilité.
![Page 10: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/10.jpg)
L’Accessibilité implique de s’impliquer...
● Aujourd’hui: 326 tickets actifs● Nécessite un dialogue● Nécessite une implication très tôt.● Nécessite des gens qui fournissent des
correctifs● Nécessite des gens qui ont accès à la
gestion deTrac (bug tracker de WP)
![Page 11: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/11.jpg)
Combien de contributeurs?
Par release:3.8: 188 3.9: 267 4.0: 275 4.1: 283
Des centaines de contributeurs et des centaines de correctifs = nombreuses opportunités d’introduire des problèmes d’accessibilité... Ou des solutions.
![Page 12: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/12.jpg)
Informer, former les dév WP
- Conférences aux WordCamp- Articles sur make.wordpress.org et ailleurs- Des ressources (code)- Formations en ligne- Implication active dans le suivi des tickets
dans Trac
![Page 13: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/13.jpg)
Stratégies efficaces
- Être spécifique: et pas “WordPress ne suit pas le standard”. https://core.trac.wordpress.org/ticket/29955
- Prioriser: https://make.wordpress.org/core/2015/02/23/this-week-in-4-2-february-23-march-1/
- Suivre
![Page 14: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/14.jpg)
Adhésion des développeurs du core
Succès total.
(Ce qui ne veut pas dire que tout le monde est d’accord sur tout.)
![Page 15: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/15.jpg)
Où en est-on?
- Le groupe de tests est géré par Rian Rietveld- https://make.wordpress.org/accessibility/testing/
- Deux fois par release, établissement d’une liste des priorités (les transverses d’abord, les intégrables à la beta ensuite)
![Page 16: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/16.jpg)
Où en est-on?
- Demandes de consultation de la part de l’équipe de développement du core, l’équipe UX, et les développeurs de plug-ins de fonctionnalités.
- Bibliothèque de modèles accessibles (WordPress accessibility pattern library)
- Tests et formations sur l’accessibilité des thèmes
![Page 17: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/17.jpg)
Stratégie à long terme
● Evolution lente mais continue● 3 releases par an avec des itérations
individuelles.● Création de bibliothèques de soltions
(#31368: Let WP Speak, WP pattern library) et formation/information des développeurs.
![Page 18: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/18.jpg)
Rétrocompatibilité
- Gérer la compatibilité de l’API pour 36,000 plugins and 3,000 themes a de nombreuses implications:- API de paramétrage- Fonctions et widgets hérités d’anciennes versions- Utilisation de classes CSS “pour lecteurs d’écran”- Comportement des formulaires- Dans le l’Admin, titres de sections et structure HTML
![Page 19: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/19.jpg)
A l’avenir
Avancées majeures dans le futur:- JSON REST API
- https://wordpress.org/plugins/json-rest-api/- Image Flow
Menaces et opportunités...
![Page 20: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/20.jpg)
Quel est le CMS le plus accessible?
Drupal
![Page 21: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/21.jpg)
Quel est le CMS le plus accessible?
Est-ce que les sites réalisés avec Drupal sont accessibles, et ceux avec WordPress ne le sont pas?
Non. Ni l’un, ni l’autre.
![Page 22: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/22.jpg)
L’impact des choix
- Exemple: les formulaires- WordPress: pas de module de création de formulaire
dans le core- Drupal: oui oui, on a.
- Les choix du développeur s’imposent toujours par rapport au comportement du core. Partout.
![Page 23: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/23.jpg)
Les CMS produisent du HTML
Le HTML (valide) est accessible.
JavaScript, CSS, le HTML invalide, les contenus inaccessibles mettent la pagaille.
![Page 24: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/24.jpg)
Pister une anomalie dans WordPress
Le Core.Le Plug-in.Le Thème.
Hey. Qui a bousillé ce site?
![Page 25: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/25.jpg)
Pister une anomalie dans WordPress
Si c’est dans l’admin (back-office) :
Probablement dans le core.
Sauf si c’est la page de paramétrage d’un thème ou d’un plug-in...
![Page 26: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/26.jpg)
Coté front? - menu ou rendu de l’article? Probablement le
thème. - Dans un formulaire de contact, une
fonctionnalité particulière type calendrier ou service eCommerce: c’est un plug-in...
Pister une anomalie dans WordPress
![Page 27: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/27.jpg)
Pister une anomalie dans WordPress
Les thèmes sur WordPress.org doivent suivre des règles: https://make.wordpress.org/themes/handbook/review/
...sauf pour les thèmes commerciaux. Les thèmes commerciaux ont leurs propres ‘règles’.
![Page 28: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/28.jpg)
Signaler des anomalies dans WordPress
Les anomalies sur le Core devraient être reportées ici:https://core.trac.wordpress.org/newticket
Avant de reporter quoique ce soit, tester avec tous les plug-ins désactivés, et avec le thème par défaut...
![Page 29: L'accessibilité à grande échelle - Comment WordPress intègre l’accessibilité à son processus de développement](https://reader033.fdocuments.net/reader033/viewer/2022042716/55c0bf75bb61eb13118b4670/html5/thumbnails/29.jpg)
Merci!
Joseph Dolsonhttp://www.joedolson.com/
[email protected]@joedolson
Olivier Nourryhttp://accessiblog.fr
@OlivierNourry