Ember.js skip link component

Written on December 1, 2014

One of the requirements for the project I’m currently working on is to make sure accessibility features are implemented so that users with disabilities may be able to navigate with keyboard or screen reader.

Here is a CodeHive Board that details how I created a custom component for skip links. One of the challenges of implementing a skip link in Ember.js is the fact that Ember uses the hash character in the URL to handle state changes. Skip links also adds a hash to the URL.

This makes for some adverse results, which is why I used a scrollto solution.

Stay in touch

Thanks for reading this article. I'd love to stay in touch and share more tips on programming and side projects with you. Sign up and I'll send you my articles straight to your email, you'll also get a free copy of the light themed version of my Git cheat sheet.
Git cheat sheet preview image