WordPress, state of the Accessibility
-
Upload
rian-rietveld -
Category
Internet
-
view
840 -
download
2
Transcript of WordPress, state of the Accessibility
![Page 1: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/1.jpg)
Wappu #a11y
![Page 2: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/2.jpg)
WordPressState of the Accessibility
WordCamp Europe 2016
![Page 4: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/4.jpg)
So, how accessible is WordPress?
![Page 5: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/5.jpg)
Well, it depends…
![Page 6: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/6.jpg)
A lot is pretty good!
![Page 7: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/7.jpg)
Frontend
![Page 8: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/8.jpg)
Basic content management
![Page 9: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/9.jpg)
TO DO
![Page 10: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/10.jpg)
TO DO: Legacy code
![Page 11: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/11.jpg)
TO DO: Consistency
![Page 12: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/12.jpg)
Consistency: Search posts
![Page 13: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/13.jpg)
Consistency: Search themes
![Page 14: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/14.jpg)
Consistency: Search plugins
![Page 15: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/15.jpg)
TO DO: Accessibility-ready reviews
![Page 16: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/16.jpg)
Eva Westerhoff @evawesterhoff
![Page 17: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/17.jpg)
Goodmorning WordCamp EuropeI hope you have lots of fun in Vienna
Eva Westerhoff @evawesterhoff
![Page 18: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/18.jpg)
Subtitles in WordPress.tv
On May 18th there were 4648 videos on WordPress.tv, of which 246 have subtitles.
That’s 5%
![Page 19: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/19.jpg)
This is a work in progress
![Page 20: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/20.jpg)
Rebuild from scratch?
![Page 21: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/21.jpg)
Media!
![Page 22: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/22.jpg)
![Page 23: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/23.jpg)
JavaScript is not the enemy
![Page 24: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/24.jpg)
Milestones 2015 - 2016
![Page 25: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/25.jpg)
![Page 26: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/26.jpg)
“All new or updated code
released into WordPress core and bundled themes
must conform with the
WCAG 2.0 guidelines at level AA.”
![Page 27: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/27.jpg)
EU logo
![Page 28: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/28.jpg)
• Accessibility handbook • Code patterns on GitHub • JS method wp.a11y.speak() • Accessibility forum • Test team
Help is on the way:
![Page 29: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/29.jpg)
Meet the test team!
![Page 30: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/30.jpg)
3 tips to improve your code
• Use one H1 per page
• Check for colour contrast
• Keyboard test
![Page 31: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/31.jpg)
Where are we now?
![Page 32: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/32.jpg)
Contributor days & Meetups
![Page 33: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/33.jpg)
While you are learning JavaScript deeply,
learn accessibility deeply too!
![Page 35: WordPress, state of the Accessibility](https://reader031.fdocuments.us/reader031/viewer/2022021918/58a27bbb1a28ab891a8b46e1/html5/thumbnails/35.jpg)
Image creditsChildren at school by Lucélia Ribeiro, https://www.flickr.com/photos/lupuca/
Emoijs from http://emojione.com
Old Garage and mess by Moyan Brenn https://www.flickr.com/photos/aigle_dore/
Lonely departure (Explored) by Cyril https://www.flickr.com/photos/cilou101/
Test team: images provided by the testers themselves