Web Components and the AOM
Offered By: JSConf via YouTube
Course Description
Overview
Syllabus
Intro
Browser mechanics
Custom Element: customised
HTML: the is attribute
Acc tree: the is attribute
Demo: the is="custom-button" attribute
Custom Element: autonomous
Function: the stoggle-button element
HTML: the stoggle-button element
DOM: the staggle-button element
Accessibility Object Model (AOM)
a: ARIA reflection will enable reflection of
Reflecting ARIA attributes
connectedCallbacko
Reflecting element references A
Phase 1a: Web Platform Tests
Phase 1b: Custom element semantics A
Default semantics A
Per instance semantics A
User action events A
Synthesized DOM events A
New AT events A
Virtual accessibility nodes A
Computed tree introspection A
HTML: the element
HTML template + the shadow DOM
CSS attribute selector
Demo: the speak-content element
Thank you!
Taught by
JSConf
Related Courses
iDESWEB, Introducción al desarrollo webMiríadax Web Accessibility MOOC for Online Educators
Portland Community College via Desire2Learn HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX Introduction to HTML5
University of Michigan via Coursera Web Accessibility
Google via Udacity