fix: added id to SearchInput template label to match aria-describedby…

… attr (#566)

RELEASE.md

@@ -64,6 +64,7 @@
 - La tendina delle select nel blocco Form non si sovrappone più ai campi sottostanti.
 - Sistemato alert di errore nel blocco Form che nascondeva il form quando un campo non era valido, ora continua a visualizzarsi anche la form.
 - Migliorato il testo alternativo per il logo NextGenerationEU nel footer.
+- Migliorata l'accessibilità del blocco Cerca.
 - Sistemato il contrasto delle icone nei pulsanti "primary" quando si attiva il focus col tab da tastiera
 
 ## Versione 11.5.1 (19/02/2024)

src/customizations/volto/components/manage/Blocks/Search/components/SearchInput.jsx

@@ -1,5 +1,6 @@
 /* CUSTOMIZATIONS:
   - Agid styling
+  - added id to searchInput label to match aria-describedby tag
 */
 import React, { useState } from 'react';
 import { Button, Icon, Input, Label } from 'design-react-kit';
@@ -29,6 +30,7 @@ const SearchInput = (props) => {
       <Label
         htmlFor={`${props.id}-searchtext`}
         className={focused ? 'active' : 'inactive'}
+        id={`${props.id}-searchtextDescription`}
       >
         {intl.formatMessage(commonSearchBlockMessages.search)}
       </Label>