From ea677c0361a44e6ac76b93ad34c676bc58f9c72e Mon Sep 17 00:00:00 2001
From: miguelrambalt <v-migueramirez@expediagroup.com>
Date: Thu, 8 Apr 2021 11:47:54 -0500
Subject: [PATCH] add header accessibility in create

Signed-off-by: miguelrambalt <v-migueramirez@expediagroup.com>
---
 .../core/src/layout/ContentHeader/ContentHeader.tsx  |  7 ++++++-
 packages/core/src/layout/ItemCard/ItemCardHeader.tsx | 12 ++++++++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/layout/ContentHeader/ContentHeader.tsx b/packages/core/src/layout/ContentHeader/ContentHeader.tsx
index e9fba56358..3ccf8f894c 100644
--- a/packages/core/src/layout/ContentHeader/ContentHeader.tsx
+++ b/packages/core/src/layout/ContentHeader/ContentHeader.tsx
@@ -66,7 +66,12 @@ const DefaultTitle = ({
   title = 'Unknown page',
   className,
 }: DefaultTitleProps) => (
-  <Typography variant="h4" className={className} data-testid="header-title">
+  <Typography
+    variant="h4"
+    component="h2"
+    className={className}
+    data-testid="header-title"
+  >
     {title}
   </Typography>
 );
diff --git a/packages/core/src/layout/ItemCard/ItemCardHeader.tsx b/packages/core/src/layout/ItemCard/ItemCardHeader.tsx
index 17c4a19e58..ebf419cba0 100644
--- a/packages/core/src/layout/ItemCard/ItemCardHeader.tsx
+++ b/packages/core/src/layout/ItemCard/ItemCardHeader.tsx
@@ -77,8 +77,16 @@ export const ItemCardHeader = (props: ItemCardHeaderProps) => {
   const classes = useStyles(props);
   return (
     <div className={classes.root}>
-      {subtitle && <Typography variant="subtitle2">{subtitle}</Typography>}
-      {title && <Typography variant="h6">{title}</Typography>}
+      {subtitle && (
+        <Typography variant="subtitle2" component="h3">
+          {subtitle}
+        </Typography>
+      )}
+      {title && (
+        <Typography variant="h6" component="h4">
+          {title}
+        </Typography>
+      )}
       {children}
     </div>
   );