Vanilla JavaScript Resources

I challenged myself today to take some jQuery I used for an off-canvas slide-out menu and turn it into vanilla JavaScript.

I still have some work to do, but am about half way there. Two resources that I found very useful:

I’m working on a Codepen that I plan on creating a pattern from for the WordPress Accessible Theme Pattern Library.

Let WordPress Speak

WordPress 4.2 is shipping with a useful new JavaScript method: wp.a11y.speak(). This is a utility to make it easy for WordPress core to create consistent methods for providing live updates for JavaScript events to users of screen readers – with the side benefit that developers of plug-ins and themes can also make use of it either on the front or back end.

From Let WordPress Speak: New in WordPress 4.2 on Make WordPress Accessible.

I’m excited about this upcoming feature in WordPress and its ability to make modern, snappy JavaScript-powerd pieces of WordPress a great experience for screen reader users.

Accessible Zen: Version 1.1.5

I just released an update to Accessible Zen, the first one in almost a year! It’s been too long, something I hope doesn’t happen again. Release, release, release, as they say.

Big thanks to Lutz Donnerhacke for the German translation added in this update. Speaking of translations, that’s why I took so long to release this version. I tried to wait for translators to update files, based on the recent changes. But translators do their work out of the goodness of their hearts (Thank you!), and they didn’t have the time to verify that the packaged translations work perfectly. So I just released. :) If you speak French or German, you could help out Accessible Zen in a big way. Take the translation files for a spin and update them. Send them my way, and I’ll release an update. The changelog is below for 1.1.4 and 1.1.5.

Grab the theme in the official theme directory.

April 12, 2015 Release: Version 1.1.5

The Long Web

In The Long Web, Jeremy Keith talks about how with the Web, we’re building something greater than the Library of Alexandria. But to do that well, we need to pay attention to the things that matter, like HTML, progressive enhancement, performance and URL structure. His message is simple: build your sites for the long haul. Make them last. It’s something we don’t think about enough in the rush to create the next thing on the Web.