v135 · dom / accessibility
Form Association Explorer
See ARIA element reflection in action on a real accessible form. Labels, error messages, and descriptions are wired via ariaLabelledByElements and ariaDescribedByElements as live element references — not string IDs. The reflection table shows what the AT would read for each control.
checking ARIA element reflection…
Element Reflection lets you set ARIA relationship attributes as element references via IDL properties like
ariaLabelledByElements, ariaDescribedByElements, and ariaErrorMessageElement. This works even when the referenced element is in a different shadow root — something string-based aria-labelledby="id" cannot do.
Accessible form
Registration
Your legal name as it appears on ID
We'll never share your email
Minimum 8 characters
Reflection table — what AT reads
| Control | IDL property | Reflected element(s) | Accessible name / description | Status |
|---|
Generated code
Click "Wire ARIA reflection" to see the generated code.