fix(TabPanel): add role and aria-labelledby attributes

sarkaaa · DSil · commit 4b73fa95868c · 2025-03-14T17:58:03.000+01:00
diff --git a/packages/orbit-components/src/Tabs/components/TabPanel/index.tsx b/packages/orbit-components/src/Tabs/components/TabPanel/index.tsx
@@ -39,6 +39,8 @@ const TabPanel = ({ children, margin, padding, dataTest, active = false }: Props
       style={cssVars}
       id={`panel-${index}`}
       data-test={dataTest}
+      role="tabpanel"
+      aria-labelledby={`tab-${index}`}
     >
       {children}
     </div>

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,8 @@ const TabPanel = ({ children, margin, padding, dataTest, active = false }: Props`
`39`	`39`	`style={cssVars}`
`40`	`40`	id={`panel-${index}`}
`41`	`41`	`data-test={dataTest}`
	`42`	`+ role="tabpanel"`
	`43`	+ aria-labelledby={`tab-${index}`}
`42`	`44`	`>`
`43`	`45`	`{children}`
`44`	`46`	`</div>`