Ember.js skip link component

Written by Michael Lee 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.

Thanks for taking the time to read this article. I'd love to stay in touch and share more tips on programming and design, side projects and working remotely. Sign up and I'll send you my articles straight to your email.

:wave: Hey hey, I'm Michael Lee! I really appreciate you taking the time to read this article.

Be sure to check out my other articles.