From 1ddf33e0c7c932992b2aea0717f09b60044711e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=BE=D1=80=D0=BE=D0=BB=D0=B5=D0=B2=20=D0=94=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=BB?=
 <105650840+pan1caisreal@users.noreply.github.com>
Date: Wed, 7 Aug 2024 11:33:04 +0300
Subject: [PATCH] =?UTF-8?q?bug(UIKIT-1564,PageHeader):=20=D0=98=D1=81?=
 =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B0=20=D1=81=D0=B5?=
 =?UTF-8?q?=D0=BC=D0=B0=D0=BD=D1=82=D0=B8=D0=BA=D0=B0=20(#1080)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/src/PageHeader/PageHeader.tsx  | 32 ++++++++++++++-----
 1 file changed, 24 insertions(+), 8 deletions(-)

diff --git a/packages/components/src/PageHeader/PageHeader.tsx b/packages/components/src/PageHeader/PageHeader.tsx
index c648c40b9..7a6a3598e 100644
--- a/packages/components/src/PageHeader/PageHeader.tsx
+++ b/packages/components/src/PageHeader/PageHeader.tsx
@@ -107,16 +107,32 @@ export const PageHeader = <
             <ArrowLOutlineMd />
           </BackButton>
         )}
-        <Title variant="h3" noWrap={isMobile}>
-          {typeof title === 'string' ? (
-            <OverflowTypography variant="inherit">{title}</OverflowTypography>
-          ) : (
-            title
-          )}
-        </Title>
+        {typeof title === 'string' ? (
+          <Title variant="h3" noWrap={isMobile}>
+            <OverflowTypography component="div" variant="inherit">
+              {title}
+            </OverflowTypography>
+          </Title>
+        ) : (
+          <Title
+            component="div"
+            role="heading"
+            variant="h3"
+            aria-level={3}
+            noWrap={isMobile}
+          >
+            {title}
+          </Title>
+        )}
       </MobileWrapper>
 
-      {description && <Description>{description}</Description>}
+      {description && typeof description !== 'string' ? (
+        <Description component="div" role="heading" aria-level={4}>
+          {description}
+        </Description>
+      ) : (
+        <Description>{description}</Description>
+      )}
       {actions && (
         <Actions>
           <ButtonGroup {...actions} />