Главная
Study mode:
on
1
Intro
2
Browser mechanics
3
Custom Element: customised
4
HTML: the is attribute
5
Acc tree: the is attribute
6
Demo: the is="custom-button" attribute
7
Custom Element: autonomous
8
Function: the stoggle-button element
9
HTML: the stoggle-button element
10
DOM: the staggle-button element
11
Accessibility Object Model (AOM)
12
a: ARIA reflection will enable reflection of
13
Reflecting ARIA attributes
14
connectedCallbacko
15
Reflecting element references A
16
Phase 1a: Web Platform Tests
17
Phase 1b: Custom element semantics A
18
Default semantics A
19
Per instance semantics A
20
User action events A
21
Synthesized DOM events A
22
New AT events A
23
Virtual accessibility nodes A
24
Computed tree introspection A
25
HTML: the element
26
HTML template + the shadow DOM
27
CSS attribute selector
28
Demo: the speak-content element
29
Thank you!
Description:
Explore web components and the Accessibility Object Model (AOM) in this JSConf.Asia 2019 conference talk by Léonie Watson. Learn how to create reusable solutions using Custom Elements, Shadow DOM, HTML Templates, Web Speech API, and ARIA. Discover progressive techniques for making content accessible to listeners and gain insights into future possibilities with the AOM. Delve into browser mechanics, customized and autonomous Custom Elements, accessibility tree attributes, and practical demonstrations. Understand the phases of AOM implementation, including ARIA reflection, custom element semantics, and virtual accessibility nodes. Gain valuable knowledge from Léonie Watson, an experienced accessibility expert and W3C advisory board member, as she shares her expertise on inclusive design and web accessibility.

Web Components and the AOM

JSConf
Add to list
0:00 / 0:00