← All demos

Shadow role — light DOM label & description siblings

The ARIA role lives on an inner shadow DOM element. The label and description are plain light DOM siblings — no slots, no shadow markup for them. Each component exposes labelledby and describedby properties (also available as attributes) that accept element ID references. Setting them resolves the referenced elements in the document and updates Element.ariaLabelledByElements and Element.ariaDescribedByElements on the inner role element, crossing the shadow boundary via the element reference API.