fix: a11y modal heading issue (#17447)

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Oct 7, 2024 · eeaebc9 · eeaebc9
1 parent e8c7672
commit eeaebc9
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/react/src/components/ComposedModal/ModalHeader.tsx b/packages/react/src/components/ComposedModal/ModalHeader.tsx
@@ -124,7 +124,7 @@ export const ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(
       <div className={headerClass} {...rest} ref={ref}>
         {label && <h2 className={labelClass}>{label}</h2>}
 
-        {title && <h3 className={titleClass}>{title}</h3>}
+        {title && <h2 className={titleClass}>{title}</h2>}
 
         {children}
 

diff --git a/packages/react/src/components/Modal/Modal.tsx b/packages/react/src/components/Modal/Modal.tsx
@@ -520,7 +520,7 @@ const Modal = React.forwardRef(function Modal(
           </Text>
         )}
         <Text
-          as="h3"
+          as="h2"
           id={modalHeadingId}
           className={`${prefix}--modal-header__heading`}>
           {modalHeading}