refactor(mui-stepper): default aria-label and role on Stepper

Availity · Jan 14, 2025 · 121bd8b · 121bd8b
1 parent a91a9ed
commit 121bd8b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/stepper/src/lib/Stepper.stories.tsx b/packages/stepper/src/lib/Stepper.stories.tsx
@@ -174,6 +174,9 @@ export const _Stepper: StoryObj<typeof Stepper> = {
       </Box>
     );
   },
+  args: {
+    'aria-label': 'stepper example',
+  },
 };
 
 export const _StepperScrollButtons: StoryObj<typeof Stepper> = {

diff --git a/packages/stepper/src/lib/Stepper.tsx b/packages/stepper/src/lib/Stepper.tsx
@@ -71,6 +71,8 @@ export const Stepper = ({ children, connector, orientation, scrollButtons, ...re
       </ScrollIconContainer>
 
       <MuiStepper
+        aria-label="multi-step process"
+        role="region"
         {...rest}
         connector={connector}
         orientation={orientation}
@@ -99,6 +101,8 @@ export const Stepper = ({ children, connector, orientation, scrollButtons, ...re
     </Grid>
   ) : (
     <MuiStepper
+      aria-label="multi-step process"
+      role="region"
       {...rest}
       connector={connector}
       orientation={orientation}
-Original file line number
+Diff line change
@@ Expand Up / @@ -174,6 +174,9 @@ export const _Stepper: StoryObj<typeof Stepper> = { @@
           </Box>
         );
       },
+      args: {
+        'aria-label': 'stepper example',
+      },
     };
     export const _StepperScrollButtons: StoryObj<typeof Stepper> = {
@@ Expand Down @@