Exploring new and upcoming Web Components features
summary
ElementInternals lets custom elements call attachInternals to expose form behavior, set implicit ARIA defaults and participate in form submission via form-associated custom elements, though Axe Core extensions can’t read some internals yet. The proposed shadow root reference target forwards ID-based ARIA relationships across shadow boundaries to fix cross-root ARIA. Declarative custom elements (HTML modules, DOM parts) are long-term. CSS :host(:has()) and shadow-aware selectors land unevenly across browsers. Scoped custom element registries isolate tag names for microfrontends and avoid double-registration crashes.
AI-written summary · about
chapters (7)
- 0:00New Web Components features
- 1:03Element internals for custom elements
- 5:59Cross-root ARIA with references
- 11:21Declarative custom elements
- 15:37Styling by content
- 18:26Scoped registries explained
- 20:54Closing & Q&A
