From 48411dcce5b8b901b85cc7bc47a0f31e8cb57758 Mon Sep 17 00:00:00 2001
From: "ilia.brauer" <ilia.brauer@semrush.com>
Date: Fri, 8 May 2026 11:38:35 +0200
Subject: [PATCH 1/2] [wizard] fixed a11y for small screens (SR didn't read
 stepper content)

---
 semcore/wizard/src/Wizard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/semcore/wizard/src/Wizard.tsx b/semcore/wizard/src/Wizard.tsx
index 1d144762b9..bfec761f59 100644
--- a/semcore/wizard/src/Wizard.tsx
+++ b/semcore/wizard/src/Wizard.tsx
@@ -280,8 +280,9 @@ function Stepper(props: Required<WizardStepperProps> & IRootComponentProps) {
       onKeyDown={handlerKeyDown}
     >
       {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}
+      <ScreenReaderOnly><Children /></ScreenReaderOnly>
       <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>
-      <SStepDescription>
+      <SStepDescription aria-hidden='true'>
         <Children />
       </SStepDescription>
     </SStepper>,

From 3a24c16b56312ad40797adc92877ae552f494336 Mon Sep 17 00:00:00 2001
From: "ilia.brauer" <ilia.brauer@semrush.com>
Date: Fri, 8 May 2026 12:13:37 +0200
Subject: [PATCH 2/2] [wizard] fixed test

---
 semcore/wizard/__tests__/index.test.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/semcore/wizard/__tests__/index.test.tsx b/semcore/wizard/__tests__/index.test.tsx
index 1181d56323..d989f36cf8 100644
--- a/semcore/wizard/__tests__/index.test.tsx
+++ b/semcore/wizard/__tests__/index.test.tsx
@@ -13,7 +13,7 @@ describe('Wizard', () => {
   beforeEach(cleanup);
 
   test('Should support sidebar and content', async () => {
-    const { getByText } = render(
+    const { getByText, getByRole } = render(
       <Wizard disablePortal visible step={2}>
         <Wizard.Sidebar title='Header'>
           <Wizard.Stepper step={1}>Step 1</Wizard.Stepper>
@@ -29,8 +29,8 @@ describe('Wizard', () => {
     );
 
     expect(getByText('Header')).toBeTruthy();
-    expect(getByText('Step 1')).toBeTruthy();
-    expect(getByText('Step 2')).toBeTruthy();
+    expect(getByRole('tab', { name: 'Step 1' })).toBeTruthy();
+    expect(getByRole('tab', { name: 'Step 2' })).toBeTruthy();
     expect(getByText('StepNext')).toBeTruthy();
     expect(getByText('StepBack')).toBeTruthy();
   });