A11y in Ember

A presentation at Ember Framework Core Team in November 2020 in by Melanie Sumner

Slide 1

Slide 1

A11Y IN EMBER 2020 UPDATE

Slide 2

Slide 2

Agenda

  1. The work we shipped
  2. The work in progress
  3. The work still to-do

Slide 3

Slide 3

Finished

The WORK WE SHIPPED

Slide 4

Slide 4

The team

we had a lot of community members actively participate in the working group and that was really great. Here are a few of them!

Slide 5

Slide 5

Completed Work

4 RFCS (https://github.com/emberjs/rfcs) #659 – unique-id helper #645 – add ember-page-title to default blueprint #638 – interactive way to create new Ember apps #635 – add lang flag to ember-cli

Improved the EmberJS guides • Clarity for labels & inputs • Added A11y-specific sections • Added graphics/art

Started ember-component-patterns

Slide 6

Slide 6

Completed work (part 2)

New Addons: • ember-context-id-helper (pre-cursor to RFC) • ember-select-light (Octane, native select)

Improved addons: • ember-page-title • ember-template-lint (new rules, a11y config)

Implemented RFC work: • –lang flag • added ember-page-title to default blueprint

Slide 7

Slide 7

In Progress

WHAT’S HAPPENING NOW

Slide 8

Slide 8

In-Progress Work

Ember-component-patterns • Convert to regular Ember app

Work for merged RFCs • Interactive mode for new Ember apps • Unique-id helper

Accessible Routing • https://github.com/w3c/aria/issues/1353

Ember-A11y Org repository maintenance

Slide 9

Slide 9

TODO

STILL NEED TO DO

Slide 10

Slide 10

TODO

Attributes & Properties for improved a11y support Accessible Routing Add more linting rules to embertemplate-lint

Slide 11

Slide 11

THANK YOU!