feat(jsx): add support for aria-* attributes in JSX typings (#6221)

AlirezaEbrahimkhani · web-flow · commit 6e748ec831d7 · 2025-04-02T14:27:25.000-07:00
Add typings for ARIA attributes like `aria-labelledby`, `aria-hidden`, etc., to the DOMAttributes interface. This allows better accessibility support and developer experience via type safety and IntelliSense. fixes: #6182
diff --git a/src/declarations/stencil-public-runtime.ts b/src/declarations/stencil-public-runtime.ts
@@ -1853,6 +1853,10 @@ export namespace JSXBase {
     onTransitionRunCapture?: (event: TransitionEvent) => void;
     onTransitionStart?: (event: TransitionEvent) => void;
     onTransitionStartCapture?: (event: TransitionEvent) => void;
+
+    // WAI-ARIA Attributes
+    [key: `aria-${string}`]: string | boolean | undefined;
+    [key: `aria${string}`]: string | boolean | undefined;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1853,6 +1853,10 @@ export namespace JSXBase {`
`1853`	`1853`	`onTransitionRunCapture?: (event: TransitionEvent) => void;`
`1854`	`1854`	`onTransitionStart?: (event: TransitionEvent) => void;`
`1855`	`1855`	`onTransitionStartCapture?: (event: TransitionEvent) => void;`
	`1856`	`+`
	`1857`	`+ // WAI-ARIA Attributes`
	`1858`	+ [key: `aria-${string}`]: string \| boolean \| undefined;
	`1859`	+ [key: `aria${string}`]: string \| boolean \| undefined;
`1856`	`1860`	`}`
`1857`	`1861`	`}`
`1858`	`1862`