Web Components and the AOM

Web Components and the AOM

JSConf via YouTube Direct link

Intro

1 of 29

1 of 29

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Web Components and the AOM

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 Browser mechanics
  3. 3 Custom Element: customised
  4. 4 HTML: the is attribute
  5. 5 Acc tree: the is attribute
  6. 6 Demo: the is="custom-button" attribute
  7. 7 Custom Element: autonomous
  8. 8 Function: the stoggle-button element
  9. 9 HTML: the stoggle-button element
  10. 10 DOM: the staggle-button element
  11. 11 Accessibility Object Model (AOM)
  12. 12 a: ARIA reflection will enable reflection of
  13. 13 Reflecting ARIA attributes
  14. 14 connectedCallbacko
  15. 15 Reflecting element references A
  16. 16 Phase 1a: Web Platform Tests
  17. 17 Phase 1b: Custom element semantics A
  18. 18 Default semantics A
  19. 19 Per instance semantics A
  20. 20 User action events A
  21. 21 Synthesized DOM events A
  22. 22 New AT events A
  23. 23 Virtual accessibility nodes A
  24. 24 Computed tree introspection A
  25. 25 HTML: the element
  26. 26 HTML template + the shadow DOM
  27. 27 CSS attribute selector
  28. 28 Demo: the speak-content element
  29. 29 Thank you!

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.