Some small changes to make to your new Ember app to make it WCAG conformant:

  1. adds lang attribute in app/index.html (you can also do this via ember new my-app --lang en where en is the spoken language code for your application)
  2. adds user-scalable=yes to the meta tag with the viewport attribute.
  3. adds ember-a11y-refocus addon for accessible routing
  4. adds a main element with id="main" around the {{outlet}} in application.hbs (needed by ember-a11y-refocus)


You will need the following things properly installed on your computer.


  • git clone <repository-url> this repository
  • cd accessibility-base
  • npm install

Running / Development

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

  • ember test
  • ember test --server


  • npm run lint
  • npm run lint:fix


  • ember build (development)
  • ember build --environment production (production)


Specify what it takes to deploy your app.

Further Reading / Useful Links


View Github