bug#77793 fix: hide empty title heading in CTA block

RELEASE.md

@@ -53,6 +53,8 @@
 
 ### Fix
 
+- Risolto un errore nel blocco CTA che generava un titolo vuoto nella pagina quando il campo titolo non veniva compilato. Il titolo vuoto risultava presente nel codice della pagina e creava confusione per le tecnologie assistive.
+
 - Risolto un errore di struttra html nelle paginazioni che generava una lista duplicata nel codice della pagina. La duplicazione non era visibile a schermo ma rendeva il markup non valido e problematico per le tecnologie assistive.
 
 - Migliorata l'accessibilità del form di soddisfazione del cittadino (customer satisfaction): ora la domanda obbligatoria del secondo passaggio viene segnalata come tale sia visivamente che alle tecnologie assistive, con un messaggio che indica la necessità di scegliere un'opzione per proseguire. Inoltre il pulsante per l'invio della valutazione ha ora etichetta "Invia" invece di "Avanti". _(**Origine / contributo**: Regione Emilia-Romagna)_

src/components/ItaliaTheme/Blocks/CTABlock/Block.jsx

@@ -62,25 +62,27 @@ const Block = (props) => {
       )}
       <Container tag="div" className="px-3 px-md-4">
         <div className="cta-tile-text">
-          <h2 className="title mt-0" id={block + 'title'}>
-            {inEditMode ? (
-              <TextEditorWidget
-                {...otherProps}
-                showToolbar={false}
-                data={data}
-                fieldName="cta_title"
-                selected={selected && selectedField === 'cta_title'}
-                setSelected={setSelectedField}
-                block={block}
-                placeholder={intl.formatMessage(messages.cta_title)}
-                focusNextField={() => {
-                  setSelectedField('cta_content');
-                }}
-              />
-            ) : (
-              title
-            )}
-          </h2>
+          {(inEditMode || title) && (
+            <h2 className="title mt-0" id={block + 'title'}>
+              {inEditMode ? (
+                <TextEditorWidget
+                  {...otherProps}
+                  showToolbar={false}
+                  data={data}
+                  fieldName="cta_title"
+                  selected={selected && selectedField === 'cta_title'}
+                  setSelected={setSelectedField}
+                  block={block}
+                  placeholder={intl.formatMessage(messages.cta_title)}
+                  focusNextField={() => {
+                    setSelectedField('cta_content');
+                  }}
+                />
+              ) : (
+                title
+              )}
+            </h2>
+          )}
 
           {inEditMode ? (
             <TextEditorWidget