A11y First
& Everyone Wins
More Composable, Intuitive & Testable
Ava Gaiety Wroten
Ava Wroten
She/Her
Software Engineer at 
On Gitlab @gaiety
Or Github @sharpshark28
Intro
- Topic
- Topic
Feature: Item Reordering
Mouse Drag & Drop
Do we support Touch?
What about A11y?
A11Y
A....11.....Y
Accessibility
Equity
World Health Organization
15% of the World
lives with some form of disability
Web assistive technologies commonly help with...
- Vision
- Hearing
- Movement
Degrees of Disabilities
Limited mobility, muscle slowness, tremors, low vision, color blindness, partial hearing loss, etc
👩🏽🔬 👨🏾🎨 👩🏻🔧 👨🏼✈️
I build software for humans
So I did some research...
ember-sortable
✔️ Mouse Drag & Drop
✔️ Touch Drag & Drop
Component Structure
ember-sortable
```html.hbs
<SortableGroup>
<SortableItem>
```
Custom Wrappers
```html.hbs
<SortableGroupAccessible>
<SortableItemAccessible>
```
Team Wins
-
Quick Feedback Loop
- ...with development
- ...with design
- ...with project managers
- Sign off for UX
- Less stress on QA
- Less scope creep
v2.x.x ember-sortable
Where do we go from here?
Outro
- Topic
- Topic
Ava's Challenge to You
Hire someone different than you.
Make A11y a priority at your next design meeting!