UILD-414 Headings - Heading that introduces content are not marked up…

… as a heading (#36)
folio-org · Nov 19, 2024 · 2d74e62 · 2d74e62
1 parent e657db7
commit 2d74e62
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/SearchControlPane/SearchControlPane.tsx b/src/components/SearchControlPane/SearchControlPane.tsx
@@ -33,9 +33,9 @@ export const SearchControlPane: FC<SearchControlPaneProps> = ({
     <div className={classNames(['search-control-pane', IS_EMBEDDED_MODE && 'search-control-pane-embedded'])}>
       {renderCloseButton?.()}
       <div className="search-control-pane-title">
-        <div className="search-control-pane-mainLabel">
+        <h2 className="search-control-pane-mainLabel">
           <span>{label}</span>
-        </div>
+        </h2>
         {isVisibleSubLabel && !!renderSubLabel && (
           <div className="search-control-pane-subLabel">
             <span>{renderSubLabel?.(searchResultsMetadata?.totalElements)}</span>

diff --git a/src/components/SearchControls/SearchControls.tsx b/src/components/SearchControls/SearchControls.tsx
@@ -77,11 +77,11 @@ export const SearchControls: FC<Props> = ({ submitSearch, changeSegment, clearVa
   }, []);
 
   return (
-    <div className="search-pane">
+    <div className="search-pane" role="region" aria-labelledby="search-pane-header-title">
       <div className="search-pane-header">
-        <strong className="search-pane-header-title">
+        <h2 className="search-pane-header-title">
           <FormattedMessage id={isVisibleFilters ? 'ld.searchAndFilter' : 'ld.search'} />
-        </strong>
+        </h2>
         <CaretDown className="header-caret" />
       </div>
       <div className="search-pane-content">