A collection of tools to build accessible Ember applications.
Branch: master
Clone or download
Latest commit 4a8692a Dec 10, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Add issue template Mar 3, 2016
addon Reenable support for 1.10+ Dec 10, 2018
app Simplify and reduce supported Ember configurations. Dec 8, 2018
config ember init at 2.18.2 Sep 15, 2018
tests ember init at 2.18.2 Sep 15, 2018
.bowerrc Initial Commit from Ember CLI v1.13.13 Feb 2, 2016
.editorconfig Ember-cli 2.8.0 Aug 25, 2017
.ember-cli Initial Commit from Ember CLI v1.13.13 Feb 2, 2016
.eslintrc.js ember init at 2.18.2 Sep 15, 2018
.gitignore ember init at 2.18.2 Sep 15, 2018
.npmignore ember init at 2.18.2 Sep 15, 2018
.template-lintrc.js Updated for template-lint 0.5.13 Jun 5, 2016
.travis.yml ember init at 2.18.2 Sep 15, 2018
.watchmanconfig Initial Commit from Ember CLI v1.13.13 Feb 2, 2016
LICENSE.md Ember-cli 2.8.0 Aug 25, 2017
README.md
ember-cli-build.js ember init at 2.18.2 Sep 15, 2018
index.js Reenable support for 1.10+ Dec 10, 2018
package.json 0.2.0 Dec 10, 2018
testem.js ember init at 2.18.2 Sep 15, 2018

README.md

ember-a11y

Build Status npm version Ember Observer Score Code Climate

This Ember addon provides a {{focusing-outlet}} component which you can use in place of normal {{outlet}}s.

The current implementation of this addon will immediately apply focus to the most relevant piece of content based on actions users take (clicking buttons, links, etc). This allows screen readers to catch changes and read the right information, thus providing a much better experience for screen reader users.

Usage

ember install ember-a11y

In your templates you would then swap in {{focusing-outlet}} for {{outlet}} wherever it may occur.

You also need to ensure that your application's router is not set to use locationType: 'hash'. Set ENV.locationType appropriately inside of config/environment.js.

Note about ember-getowner-polyfill

If you are using Ember 2.3.0-beta+ you should add ember-getowner-polyfill to your blacklist in ember-cli-build.js:

var app = new EmberAddon(defaults, {
  addons: {
    blacklist: ['ember-getowner-polyfill']
  }
});

Demo Application

Included in this addon is a demo application for testing ember-a11y.

You can access it through Github Pages or build it from source files with the following steps:

Using a Screen Reader

Many of the examples in the demo app are meant to be used alongside a screen reader. A few of our suggestions:

Commands

  • npm run test - Run all tests.
  • npm run demo - Publish an updated demo app.