accessibility-base

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)

Prerequisites

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

• Git
• Node.js (with npm)
• Ember CLI
• Google Chrome

Installation

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

Running / Development

• ember serve
• Visit your app at http://localhost:4200.
• Visit your tests at http://localhost:4200/tests.

Code Generators

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

Running Tests

• ember test
• ember test --server

Linting

• npm run lint
• npm run lint:fix

Building

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

Deploying

Specify what it takes to deploy your app.

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox