From e6a35bb722462ca6518aeed755d7231d38aca540 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <41484878+deodorhunter@users.noreply.github.com>
Date: Wed, 7 Feb 2024 09:16:18 +0100
Subject: [PATCH] fix: do not show empty headings if title in block is not
 configured (#526)

---
 RELEASE.md                                                | 6 ++++++
 src/components/ItaliaTheme/Blocks/CountDown/Body.jsx      | 4 +++-
 src/components/ItaliaTheme/Blocks/SearchSections/Body.jsx | 4 +++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index c9893dd99..2aadc9d14 100644
--- 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
index 5a75b273b..0d2f92117 100644
--- 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
index 8fb4b9025..8d9210ddf 100644
--- 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"