v151 · dom · accessibility

Reference Target for Cross-root ARIA

ID-based references like <label for>, aria-labelledby, popovertarget, and commandfor can now cross shadow DOM boundaries via the exportparts/referencetarget mechanism — without leaking shadow internals.

concepts

  1. Label Crossing Shadow

    A <label for> outside a custom element's shadow DOM targets an <input> inside it — previously impossible without JavaScript bridging.

  2. Commandfor Crossing Shadow

    A <button commandfor> outside a component triggers a <dialog> or <popover> inside its shadow DOM, using the new reference-target forwarding.

references