Buy Now and unlock this series
$
49
.99
$
39
.99
yours forever
$
49
.99
$
39
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Tab Index and Accessibility
Now we will do some final tune-up on our tabs project and make sure that our tabs have good accessibility.
Downloads
Become a pro to download code and videos
Web Components For Beginners
22 videos
Released: August 31 2021Course Instructor
Scott Tolinski
- What Are Web Components?
4m34s - Getting Started
5m20s - Template 101
5m48s - Template Document Fragments and Cloning
5m16s - Custom Elements 101
8m47s - Templates In Elements With Slots
7m3s - Open Vs Closed Shadow Root
6m11s - CSS and Scoping In Web Components
8m48s - More On Scoping and Host
9m30s - Attributes 101
8m27s - Lifecyle Methods
7m13s - Event Listeners
11m51s - Listening For Attribute Changes
10m29s - More On Attributes
13m56s - Tabs Project
10m20s - Functional Tabs
13m44s - Tab Index and Accessibility
10m28s - Keyboard Events
10m33s - CSS and Bugs
10m44s - Extending Existing Elements
4m32s - CSS Vars To Style Scoped CSS
4m1s - Where To Go From Here
3m51s
Comments
Steve Skladany
9 months ago
There's a small error in the "dispatchEvent" call. To use the "detail" property, you need to use "new CustomEvent()" instead of "new Event()" -- otherwise the "detail" property is simply ignored. e.g.:
https://javascript.info/dispatch-events#custom-events
Steve Skladany
9 months ago [edited]
Want to join the conversation?
Become a Pro member today!