fix: do not show empty headings if title in block is not configured

RedTurtle · Feb 6, 2024 · 2d2c788 · 2d2c788
1 parent b6ff543
commit 2d2c788
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/RELEASE.md b/RELEASE.md
@@ -30,6 +30,12 @@
 - ...
 -->
 
+## Versione x.x.x (xx/xx/xxxx)
+
+### Fix
+
+- [ Accessibilità ] Rimossi gli heading per alcuni blocchi nel caso il titolo non sia presente al fine di migliorare l'esperienza con l'uso di screen reader
+
 ## Versione 7.24.2 (11/01/2024)
 
 ### Migliorie

diff --git a/src/components/ItaliaTheme/Blocks/CountDown/Body.jsx b/src/components/ItaliaTheme/Blocks/CountDown/Body.jsx
@@ -50,7 +50,9 @@ const Body = ({ block, sections }) => {
       <SearchSectionsBackground />
       <div className="container">
         <div className="searchContainer d-flex w-100">
-          <h2 className="text-secondary mb-4">{block.title}</h2>
+          {block.title && (
+            <h2 className="text-secondary mb-4">{block.title}</h2>
+          )}
           <div className="searchbar lightgrey-bg-c2 shadow-sm rounded d-flex w-100">
             <input
               className="inputSearch lightgrey-bg-c2"

diff --git a/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx b/src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx
@@ -52,7 +52,9 @@ const Body = ({ block, sections }) => {
       )}
       <div className="container">
         <div className="searchContainer d-flex w-100">
-          <h2 className="text-secondary mb-4">{block.title}</h2>
+          {block.title && (
+            <h2 className="search-section-title mb-4">{block.title}</h2>
+          )}
           <div className="searchbar lightgrey-bg-c2 shadow-sm rounded d-flex w-100">
             <input
               className="inputSearch lightgrey-bg-c2"