Save 37% off PRO during our Black Friday Sale! »

Ember a11y

Ember a11y

Bbbcbbdc9e73179d5e86a6244459ec4f?s=128

Jamie White

April 13, 2016
Tweet

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!