ElementInternals API

[LeaVerou]

Assign hidden semantics to custom elements, facilitating accessibility and allowing them to participate fully in forms.

this.#internals = this.attachInternals()
this.#internals.ariaChecked = true;

MDN URL:

https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals

Specification URL:

https://html.spec.whatwg.org/multipage/custom-elements.html#the-elementinternals-interface

Any other links?

https://caniuse.com/mdn-api_elementinternals

How stable is this feature?

Cutting edge (Some implementations but not in all browsers and/or behind flags)

Type of feature

JS API

What focus area does this feature fall under?

Making Web Components