Picture of Michael Lee
:wave: Hey hey, I'm Michael Lee! This is my site about being a developer, a dad and a maker.

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.

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