Ember a11y

Transcript

1. Building Accessible Ember Apps

2. Motivation ✏ Design Platform Tools Community

3. Motivation

4. http://bit.ly/leonie-watson @leoniewatson

5. http://bit.ly/marcy-sutton @marcysutton

6. The business case

7. ~ 360,000 people registered as blind or partially sighted in

   the UK Source: RNIB

8. What’s the business case
 for animation?

9. Interaction models icons by Noun Project

10. http://bit.ly/jesse-beach @jessebeach

11. ✏ Design

12. http://bit.ly/nicky-thompson @knotnicky

13. http://bit.ly/nathan-hammond @nathanhammond

14. Values

15. http://www.bbc.co.uk/guidelines/futuremedia/accessibility/

16. https://www.gov.uk/help/accessibility

17. Training

18. http://bit.ly/joshua-marshall @partiallyblind

19. Conversation

20. None

21. Platform

22. https://www.w3.org/WAI/

23. None

24. https://www.w3.org/TR/wai-aria/

25. Roles, States, Properties

26. alert alertdialog button checkbox dialog gridcell link log marquee menuitem

    menuitemcheck box menuitemradio option progressbar radio scrollbar slider spinbutton status tab tabpanel textbox timer tooltip treeitem Widget Roles – Standalone

27. combobox grid listbox menu menubar radiogroup tablist tree treegrid Widget

    Roles – Composite

28. article columnheader definition directory document group heading img list listitem

    math note presentation region row rowgroup rowheader separator toolbar Document Structure Roles

29. application banner complementary contentinfo form main navigation search Landmark Roles

30. None
31. None
32. None

33. http://bit.ly/web-speech

34. None

35. Tools

36. None
37. None
38. None
39. None
40. None
41. None
42. None
43. None
44. None
45. None

46. Community

47. None
48. None

49. http://bit.ly/rob-deluca @robdel12

50. Conclusion

51. Thanks!