35
Wappu #a11y

WordPress, state of the Accessibility

Embed Size (px)

Citation preview

Page 1: WordPress, state of the Accessibility

Wappu #a11y

Page 2: WordPress, state of the Accessibility

WordPressState of the Accessibility

WordCamp Europe 2016

Page 3: WordPress, state of the Accessibility

Text & links

rianrietveld.com/wceu16

Page 4: WordPress, state of the Accessibility

So, how accessible is WordPress?

Page 5: WordPress, state of the Accessibility

Well, it depends…

Page 6: WordPress, state of the Accessibility

A lot is pretty good!

Page 7: WordPress, state of the Accessibility

Frontend

Page 8: WordPress, state of the Accessibility

Basic content management

Page 9: WordPress, state of the Accessibility

TO DO

Page 10: WordPress, state of the Accessibility

TO DO: Legacy code

Page 11: WordPress, state of the Accessibility

TO DO: Consistency

Page 12: WordPress, state of the Accessibility

Consistency: Search posts

Page 13: WordPress, state of the Accessibility

Consistency: Search themes

Page 14: WordPress, state of the Accessibility

Consistency: Search plugins

Page 15: WordPress, state of the Accessibility

TO DO: Accessibility-ready reviews

Page 16: WordPress, state of the Accessibility

Eva Westerhoff @evawesterhoff

Page 17: WordPress, state of the Accessibility

Goodmorning WordCamp EuropeI hope you have lots of fun in Vienna

Eva Westerhoff @evawesterhoff

Page 18: WordPress, state of the Accessibility

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

This is a work in progress

Page 20: WordPress, state of the Accessibility

Rebuild from scratch?

Page 21: WordPress, state of the Accessibility

Media!

Page 22: WordPress, state of the Accessibility
Page 23: WordPress, state of the Accessibility

JavaScript is not the enemy

Page 24: WordPress, state of the Accessibility

Milestones 2015 - 2016

Page 25: WordPress, state of the Accessibility
Page 26: WordPress, state of the Accessibility

“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

EU logo

Page 28: WordPress, state of the Accessibility

• 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

Meet the test team!

Page 30: WordPress, state of the Accessibility

3 tips to improve your code

• Use one H1 per page

• Check for colour contrast

• Keyboard test

Page 31: WordPress, state of the Accessibility

Where are we now?

Page 32: WordPress, state of the Accessibility

Contributor days & Meetups

Page 33: WordPress, state of the Accessibility

While you are learning JavaScript deeply,

learn accessibility deeply too!

Page 34: WordPress, state of the Accessibility

Text & links

rianrietveld.com/wceu16

@rianrietveld

Page 35: WordPress, state of the Accessibility

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