Building Accessible Applications with Ember.js

A presentation at Accessibility Camp Bay Area in in San Francisco Bay Area, CA, USA by Melanie Sumner

Building Accessible Apps with Ember.js

Building Accessible Apps with Ember.js

Bio

Bio

Thank you to my family!

Thank you to my family!

What is Ember?

What is Ember?

The question we're here to answer

The question we're here to answer

The answer

The answer

Why is Ember.js a good choice?

Why is Ember.js a good choice?

The truth we know

The truth we know

Application Configuration

Application Configuration

Optional Feature: Application Template wrapper

Optional Feature: Application Template wrapper

The command

The command

The before picture

The before picture

The after picture

The after picture

history of this optional feature

history of this optional feature

Ember Addons

Ember Addons

Finding Addons

Finding Addons

Some Ember Addons that might help

Some Ember Addons that might help

ember component attributes

ember component attributes

new component style

new component style

Finding component addons

Finding component addons

Other considerations

Other considerations

There are things you'll need to consider

There are things you'll need to consider

First consideration: components

First consideration: components

Ember's input helper

Ember's input helper

what you'll likely do

what you'll likely do

Consideration: Ember actions

Consideration: Ember actions

consideration: component focus management

consideration: component focus management

Consideration: keyboard navigation

Consideration: keyboard navigation

Consideration: Application Focus Today

Consideration: Application Focus Today

Consideration: Application Focus Tomorrow

Consideration: Application Focus Tomorrow

Consideration: Application Focus In The Future

Consideration: Application Focus In The Future

Testing

Testing

Testing considerations

Testing considerations

Unit & Integration Tests

Unit & Integration Tests

Testing addons you can use

Testing addons you can use

Manual testing considerations

Manual testing considerations

Accessibility Roadmap

Accessibility Roadmap

Roadmap: A11y in Ember.js

Roadmap: A11y in Ember.js

Accessible Routing

Accessible Routing

Semantic Test Helpers

Semantic Test Helpers

Developer Support

Developer Support

Patterns & Addons

Patterns & Addons

Lead by Example

Lead by Example

Some Final Thoughts

Some Final Thoughts

Thank you!

Thank you!

This presentation talks through how to build an accessible single page application using Ember.js