TPP-943 tab aria issues (#342)

orchestrated-io · Oct 8, 2024 · 96180a7 · 96180a7
1 parent 83d5e85
commit 96180a7
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/lib/components/Tabs/index.js b/lib/components/Tabs/index.js
@@ -203,7 +203,7 @@ const Tabs = ({ tabsList }) => {
   return (
     <TabsContainer>
       <TabWrapper>
-        <VisibleTabs style={{ gap: tabsGap }} ref={containerRef}>
+        <VisibleTabs style={{ gap: tabsGap }} ref={containerRef} role="tablist">
           {visibleTabsList.map((tab, i) => (
             <Tab
               className={tab.className}
@@ -212,19 +212,22 @@ const Tabs = ({ tabsList }) => {
               key={tab.path}
               tabInShowMore={showMoreTabs.includes(i)}
               to={tab.path}
+              role="tab"
             >
               {tab.label}
             </Tab>
           ))}
 
           <ActionsMenu
             direction="bottom-end"
+            role="presentation"
             renderTrigger={(props) => (
               <ShowMoreButton
                 {...props}
                 showMoreVisible={showMoreTabsList.length}
                 id="show-more-button"
                 className={showMoreItemActive && "hasActive"}
+                role="tab"
               >
                 <FlexItem flex="0 0 auto">More</FlexItem>
                 <FlexItem flex="0 0 auto">

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "3.2.42",
+  "version": "3.2.43",
   "engines": {
     "node": "20.12.2"
   },