From dbd96b2fc5f84a992344cf78a5fedca75c1bd9d7 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <martina.bustacchini@redturtle.it>
Date: Fri, 23 Feb 2024 11:52:29 +0100
Subject: [PATCH 1/4] fix: a11y for customer satisfaction section, still small
 problem with sr announcements

---
 locales/de/LC_MESSAGES/volto.po               |  10 ++
 locales/en/LC_MESSAGES/volto.po               |  10 ++
 locales/es/LC_MESSAGES/volto.po               |  10 ++
 locales/fr/LC_MESSAGES/volto.po               |  10 ++
 locales/it/LC_MESSAGES/volto.po               |  10 ++
 locales/volto.pot                             |  12 +-
 .../CustomerSatisfaction/FeedbackForm.jsx     |  98 ++++++++---
 .../Steps/Commons/Rating.jsx                  | 156 ++++++++----------
 .../Components/_customerSatisfaction.scss     |  51 +++++-
 9 files changed, 249 insertions(+), 118 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 9f022e6c5..232b2c6bf 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -2000,11 +2000,21 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 2c307c640..badeb98f5 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -1985,11 +1985,21 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 202cc5bba..7b30ef5fc 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -1994,11 +1994,21 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 75c8e3e16..50fad7919 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -2002,11 +2002,21 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index af6eeb3aa..052acf174 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -1985,11 +1985,21 @@ msgstr "Le indicazioni erano complete"
 msgid "feedback_form_button_next"
 msgstr "Avanti"
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr "Indietro"
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/locales/volto.pot b/locales/volto.pot
index 99d704502..f1cb0154a 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-02-08T09:29:49.246Z\n"
+"POT-Creation-Date: 2024-02-23T10:52:47.498Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -1987,11 +1987,21 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Avanti, disabilitato
+msgid "feedback_form_button_next_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Indietro, disabilitato
+msgid "feedback_form_button_prev_disabled"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
index d169e74e2..106f277ce 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
@@ -24,7 +24,7 @@ import {
 import cx from 'classnames';
 import AnswersStep from './Steps/AnswersStep';
 import CommentsStep from './Steps/CommentsStep';
-import Rating from './Steps/Commons/Rating';
+import RTRating from './Steps/Commons/Rating';
 import { PropTypes } from 'prop-types';
 
 const messages = defineMessages({
@@ -61,10 +61,18 @@ const messages = defineMessages({
     id: 'feedback_form_button_next',
     defaultMessage: 'Next',
   },
+  next_disabled: {
+    id: 'feedback_form_button_next_disabled',
+    defaultMessage: 'Avanti, disabilitato',
+  },
   prev: {
     id: 'feedback_form_button_prev',
     defaultMessage: 'Previous',
   },
+  prev_disabled: {
+    id: 'feedback_form_button_prev_disabled',
+    defaultMessage: 'Indietro, disabilitato',
+  },
   feedback_sent: {
     id: 'feedback_sent',
     defaultMessage: 'Your feedback was sent!',
@@ -149,12 +157,15 @@ const FeedbackForm = ({ contentType, pathname }) => {
       [field]: value,
     });
   };
-
   const getFormFieldValue = (field) => formData?.[field] ?? undefined;
 
-  const nextStep = () => setStep(step + 1);
+  const nextStep = () => {
+    if (!invalidForm) setStep(step + 1);
+  };
 
-  const prevStep = () => setStep(step - 1);
+  const prevStep = () => {
+    if (!invalidForm && step !== 0) setStep(step - 1);
+  };
 
   useEffect(() => {
     setValidToken(null);
@@ -193,6 +204,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
   };
 
   const sendFormData = () => {
+    if (invalidForm) return;
     setStep(2);
     const data = {
       ...formData,
@@ -218,7 +230,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
       <Container>
         <Row className="d-flex justify-content-center bg-primary">
           <Col className="col-12 col-lg-6">
-            <div className="feedback-form" role="form">
+            <div className="feedback-form" role="form" aria-live="polite">
               <Card
                 className="shadow card-wrapper py-4 px-4"
                 data-element="feedback"
@@ -246,15 +258,31 @@ const FeedbackForm = ({ contentType, pathname }) => {
                           : intl.formatMessage(messages.title)}
                       </h2>
                       <div className="rating-container mb-0">
-                        <Rating
+                        <RTRating
                           name="satisfaction"
                           value={satisfaction}
+                          // Qui l'implementazione di design react kit sta su con gli stecchini, fatta funzionare a pugni
                           inputs={[
-                            'star1b',
-                            'star2b',
-                            'star3b',
-                            'star4b',
-                            'star5b',
+                            {
+                              name: 'star1b',
+                              value: 1,
+                            },
+                            {
+                              name: 'star2b',
+                              value: 2,
+                            },
+                            {
+                              name: 'star3b',
+                              value: 3,
+                            },
+                            {
+                              name: 'star4b',
+                              value: 4,
+                            },
+                            {
+                              name: 'star5b',
+                              value: 5,
+                            },
                           ]}
                           aria-controls={
                             satisfaction > threshold
@@ -296,41 +324,63 @@ const FeedbackForm = ({ contentType, pathname }) => {
                         className={cx(
                           'form-step-actions d-flex flex-nowrap w100 justify-content-center button-shadow',
                           {
-                            'pt-4': satisfaction !== null,
+                            'pt-4': satisfaction,
                           },
                         )}
-                        aria-hidden={satisfaction === null}
+                        aria-hidden={!satisfaction}
                       >
+                        {/* Bug bottoni del kit. Disabled e' settato anche se compare la prop aria-disabled,
+                        quando lo scopo sarebbe continuare a poter usufruire dei focus anche in screen reader */}
                         <Button
-                          className="prev-action"
-                          disabled={!!(step - 1)}
-                          onClick={prevStep}
                           type="button"
-                          outline
                           color="primary"
+                          onClick={prevStep}
+                          outline
+                          aria-labelledby={
+                            !invalidForm && step !== 0
+                              ? intl.formatMessage(messages.prev)
+                              : intl.formatMessage(messages.prev_disabled)
+                          }
+                          className={cx('prev-action', {
+                            disabled: step === 0,
+                          })}
+                          aria-disabled={!(!invalidForm && step !== 0)}
                         >
                           {intl.formatMessage(messages.prev)}
                         </Button>
+
                         {step !== numberOfSteps - 1 && (
                           <Button
-                            color="primary"
-                            onClick={nextStep}
-                            className="next-action fw-bold"
-                            disabled={invalidForm}
                             type="button"
+                            onClick={nextStep}
+                            aria-labelledby={
+                              !invalidForm
+                                ? intl.formatMessage(messages.next)
+                                : intl.formatMessage(messages.next_disabled)
+                            }
+                            className={cx('next-action fw-bold', {
+                              disabled: invalidForm,
+                            })}
                           >
                             {intl.formatMessage(messages.next)}
                           </Button>
                         )}
                         {step === numberOfSteps - 1 && (
                           <Button
-                            className="next-action fw-bold"
+                            className={cx('next-action fw-bold', {
+                              disabled: invalidForm,
+                            })}
                             color="primary"
-                            disabled={invalidForm}
+                            aria-labelledby={
+                              !invalidForm
+                                ? intl.formatMessage(messages.next)
+                                : intl.formatMessage(messages.next_disabled)
+                            }
                             type={'button'}
                             onClick={sendFormData}
                             onKeyDown={(e) => {
-                              if (e.key === 'Enter') sendFormData();
+                              if (e.key === 'Enter' && !invalidForm)
+                                sendFormData();
                             }}
                           >
                             {intl.formatMessage(messages.next)}
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
index b8de09e01..d5ad8d16e 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
@@ -1,48 +1,10 @@
-import React, { Fragment, FC, ReactNode } from 'react';
+import React, { Fragment } from 'react';
 import classNames from 'classnames';
-import { Input, InputProps, Icon } from 'design-react-kit';
+import { Icon } from 'design-react-kit';
 import { FormGroup, Label } from 'reactstrap';
+import cx from 'classnames';
 
-type UnusedProps =
-  | 'bsSize'
-  | 'size'
-  | 'static'
-  | 'plaintext'
-  | 'normalized'
-  | 'addon'
-  | 'placeholder'
-  | 'label'
-  | 'value'
-  | 'type';
-export interface RatingProps extends Omit<InputProps, UnusedProps> {
-  /** La lista di 5 id, per ciascun elemento intero del Rating. La lista deve essere ordinata dal rating 1 al rating 5.  */
-  inputs: string[];
-  /** Il campo "label" è impostato di default su "Valuta ${n} stelle su 5", ma può essere personalizzato con questa funzione che riceve il numero input come argomento `function (n: number) => string`. */
-  labelTemplate?: (value: 1 | 2 | 3 | 4 | 5) => string;
-  /** Da utilizzare in caso legenda principale del Rating. Passare una componente React da mostrare come legenda (all'interno del tag `<legend>`). È possibile mostrare la leggenda solo ai dispositivi screen reader */
-  legend?: ReactNode | { content: ReactNode; srOnly: boolean };
-  /** Parametro name da dare all'input */
-  name: string;
-  /** Classi aggiuntive da usare per il componente wrapper del Rating */
-  wrapperClassName?: string;
-  /** Classi aggiuntive da usare per ciascun elemento all'interno del componente Rating */
-  className?: string;
-  /** Callback chiamata ad ogni cambio di valore di rating. Il nuovo valore ed il name verranno passati: `function (n, name) => void` */
-  onChangeRating?: (value: 1 | 2 | 3 | 4 | 5 | number, name: string) => void;
-  /** Rende il componente read-only */
-  readOnly?: boolean;
-  /** Il valore corrente del componente: deve essere compreso tra 1 e 5 */
-  value?: 1 | 2 | 3 | 4 | 5 | number;
-  testId?: string;
-}
-
-export const isCustomLegendObject = (
-  legend: ReactNode | { content: ReactNode; srOnly: boolean }
-): legend is { content: ReactNode; srOnly: boolean } => {
-  return legend != null && typeof legend === 'object' && 'content' in legend;
-};
-
-export const Rating: FC<RatingProps> = ({
+const RTRating = ({
   className,
   inputs,
   legend,
@@ -51,76 +13,96 @@ export const Rating: FC<RatingProps> = ({
   value,
   wrapperClassName,
   testId,
-  labelTemplate = (value: 1 | 2 | 3 | 4 | 5) => `Valuta ${value} stelle su 5`,
+  labelTemplate = (value) => `Valuta ${value} stelle su 5`,
   onChangeRating = () => {},
   ...attributes
 }) => {
-  // Input data
-  // On the DOM we have to go from 5 to 1
-  const safeInputs = (inputs || []).reverse();
-
   // Fields
   const labelFn = labelTemplate;
 
-  const onChange = readOnly ? noop : onChangeRating;
+  const onChange = readOnly ? () => null : onChangeRating;
 
   const wrapperClasses = classNames(wrapperClassName, {
     'rating-read-only': readOnly,
-    'rating-label': legend
+    'rating-label': legend,
   });
   const fieldClasses = classNames(className);
   const extraFieldAttrs = readOnly ? { 'aria-hidden': true } : {};
 
-  // Legend
-  const isLegendString = typeof legend === 'string';
+  const legendContent = legend || null;
 
-  let legendClass: string = '';
-  let legendText: ReactNode = legend as string;
+  const handleChange = (e) => {
+    onChange(parseInt(e.target.value), name);
+  };
 
-  if (isCustomLegendObject(legend)) {
-    legendClass = classNames({
-      'visually-hidden': legend.srOnly
-    });
-    legendText = legend.content;
+  function getAllPrevSiblings(element, parent) {
+    const children = [...parent.children];
+    const elIndex = children.findIndex((child) => child === element);
+    return children
+      .slice(0, elIndex)
+      .filter((c) => c.nodeName.toUpperCase() === 'LABEL');
   }
-
-  const legendContent =
-    isCustomLegendObject(legend) || isLegendString ? (
-      <legend className={legendClass}>{legendText}</legend>
-    ) : (
-      legend
-    );
-
   return (
     <FormGroup
+      {...attributes}
       cssModule={{ 'form-group': 'rating' }}
-      tag='fieldset'
+      tag="fieldset"
       className={wrapperClasses}
       data-testid={testId}
-      {...attributes}
+      // tabIndex={0}
     >
-      {legend && legendContent}
-      {safeInputs.map((id, i) => {
-        const currentValue = (5 - i) as 1 | 2 | 3 | 4 | 5;
-
+      {legendContent}
+      {inputs.map((input, i) => {
         return (
-          <Fragment key={id}>
-            <Input
-              type='radio'
-              id={id}
+          <Fragment key={input.name}>
+            <input
+              {...extraFieldAttrs}
+              type="radio"
+              id={input.name}
               name={name}
-              value={String(currentValue)}
-              cssModule={{ 'form-control': '' }}
-              className={fieldClasses}
-              onChange={() => onChange(currentValue, name)}
-              checked={value === currentValue}
+              value={input.value}
+              className={cx(extraFieldAttrs.className, fieldClasses)}
+              onChange={handleChange}
+              checked={value === input.value}
               disabled={readOnly}
-              data-element={'feedback-rate-' + currentValue}
-              {...extraFieldAttrs}
+              data-element={'feedback-rate-' + input.value}
+              tabIndex={input.value === 1 ? 0 : -1}
+              aria-label={labelFn(input.value)}
             />
-            <Label className='full' for={id}>
-              <Icon icon='it-star-full' size='sm' />
-              <span className='visually-hidden'>{labelFn(currentValue)}</span>
+            <Label
+              for={input.name}
+              title={labelFn(input.value)}
+              onMouseEnter={(e) => {
+                const parentNode = e.currentTarget.parentElement;
+                const toBeHovered = getAllPrevSiblings(
+                  e.currentTarget,
+                  parentNode,
+                );
+                [...toBeHovered, e.currentTarget].forEach((tbh) => {
+                  tbh.children[0].classList.add('starFilled');
+                });
+              }}
+              onMouseLeave={(e) => {
+                const allHoveredStars = Array.from(
+                  document.getElementsByClassName('starFilled'),
+                );
+                allHoveredStars?.forEach((ahs) => {
+                  const associatedInput = document.getElementById(
+                    ahs.parentElement.htmlFor,
+                  );
+                  if (value < associatedInput.value)
+                    ahs.classList.remove('starFilled');
+                });
+              }}
+            >
+              <Icon
+                icon="it-star-full"
+                size="sm"
+                title={labelFn(input.value)}
+                className={cx('rating-star', {
+                  starFilled: value >= input.value,
+                })}
+              />
             </Label>
           </Fragment>
         );
@@ -129,4 +111,4 @@ export const Rating: FC<RatingProps> = ({
   );
 };
 
-export default Rating;
+export default RTRating;
diff --git a/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss b/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
index 8f6957c6d..76ece51c1 100644
--- a/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
+++ b/src/theme/ItaliaTheme/Components/_customerSatisfaction.scss
@@ -19,6 +19,10 @@
     padding: 2rem 0;
     margin: 0;
 
+    .card {
+      display: block;
+    }
+
     .title-medium-2-semi-bold {
       font-size: 1.25rem;
       font-weight: 600;
@@ -34,12 +38,47 @@
     .rating-container {
       padding-bottom: 0;
 
-      input.volto-feedback-rating:focus + label {
-        border: 0;
-        box-shadow:
-          0 0 0.2rem $focus-outline-color,
-          0 0 0 0.2rem $focus-outline-color !important;
-        outline: none;
+      .ratingOptionContainer {
+        position: relative;
+      }
+
+      .rating.rating-label {
+        position: relative;
+        display: flex;
+        flex-direction: row;
+
+        label {
+          position: relative;
+          width: 26px;
+          max-width: 26px;
+          height: 26px;
+          max-height: 26px;
+        }
+
+        input.volto-feedback-rating {
+          position: relative;
+          left: 26px;
+          width: 26px;
+          margin-left: -24px;
+          opacity: 0;
+        }
+
+        input.volto-feedback-rating ~ label svg.rating-star {
+          fill: #c3cfdb;
+          pointer-events: none;
+        }
+
+        input.volto-feedback-rating ~ label svg.rating-star.starFilled {
+          fill: $primary;
+        }
+
+        input.volto-feedback-rating:focus + label {
+          border: 0;
+          box-shadow:
+            0 0 0.2rem $focus-outline-color,
+            0 0 0 0.2rem $focus-outline-color !important;
+          outline: none;
+        }
       }
     }
 

From cecf84c53992965e77613a6529a9144fcb96e32c Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <martina.bustacchini@redturtle.it>
Date: Tue, 27 Feb 2024 15:12:53 +0100
Subject: [PATCH 2/4] fix: fix some more automated tests issues

---
 .../CustomerSatisfaction/FeedbackForm.jsx     | 94 +++++++++----------
 .../Steps/AnswersStep.jsx                     | 14 ++-
 .../Steps/CommentsStep.jsx                    |  6 +-
 .../Steps/Commons/Rating.jsx                  |  9 +-
 .../components/FeedbackForm/Steps/Commons.jsx | 19 ++--
 5 files changed, 72 insertions(+), 70 deletions(-)

diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
index 106f277ce..72b560f52 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
@@ -1,4 +1,10 @@
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
+import React, {
+  useState,
+  useEffect,
+  useLayoutEffect,
+  useCallback,
+  useMemo,
+} from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { useLocation } from 'react-router-dom';
 import { useIntl, defineMessages } from 'react-intl';
@@ -9,7 +15,6 @@ import {
   Col,
   Spinner,
   Card,
-  Button,
   CardHeader,
 } from 'design-react-kit';
 import {
@@ -61,18 +66,10 @@ const messages = defineMessages({
     id: 'feedback_form_button_next',
     defaultMessage: 'Next',
   },
-  next_disabled: {
-    id: 'feedback_form_button_next_disabled',
-    defaultMessage: 'Avanti, disabilitato',
-  },
   prev: {
     id: 'feedback_form_button_prev',
     defaultMessage: 'Previous',
   },
-  prev_disabled: {
-    id: 'feedback_form_button_prev_disabled',
-    defaultMessage: 'Indietro, disabilitato',
-  },
   feedback_sent: {
     id: 'feedback_sent',
     defaultMessage: 'Your feedback was sent!',
@@ -118,6 +115,10 @@ const messages = defineMessages({
     id: 'feedback_other_positive',
     defaultMessage: 'Other',
   },
+  feedback: {
+    id: 'feedback_stars',
+    defaultMessage: 'Valuta da 1 a 5 stelle',
+  },
 });
 
 const FeedbackForm = ({ contentType, pathname }) => {
@@ -137,12 +138,11 @@ const FeedbackForm = ({ contentType, pathname }) => {
     ? window.env.RAZZLE_HONEYPOT_FIELD
     : process.env.RAZZLE_HONEYPOT_FIELD;
 
-  const numberOfSteps = useMemo(() => getNumberOfSteps(), []);
+  const numberOfSteps = getNumberOfSteps();
 
   const changeSatisfaction = (e) => {
     setSatisfaction(e);
   };
-
   const updateFormData = (field, value) => {
     if (field === 'comment') {
       if (value?.length > 200) setInvalidForm(true);
@@ -226,11 +226,11 @@ const FeedbackForm = ({ contentType, pathname }) => {
     return null;
   }
   return (
-    <div className="bg-primary customer-satisfaction">
+    <section className="bg-primary customer-satisfaction">
       <Container>
         <Row className="d-flex justify-content-center bg-primary">
           <Col className="col-12 col-lg-6">
-            <div className="feedback-form" role="form" aria-live="polite">
+            <div className="feedback-form" role="form">
               <Card
                 className="shadow card-wrapper py-4 px-4"
                 data-element="feedback"
@@ -261,7 +261,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
                         <RTRating
                           name="satisfaction"
                           value={satisfaction}
-                          // Qui l'implementazione di design react kit sta su con gli stecchini, fatta funzionare a pugni
+                          // Qui l'implementazione di design react kit sta su con gli stecchini, rifatta
                           inputs={[
                             {
                               name: 'star1b',
@@ -291,7 +291,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
                           }
                           className="volto-feedback-rating mb-0"
                           onChangeRating={changeSatisfaction}
-                          legend=" "
+                          legend={intl.formatMessage(messages.feedback)}
                           wrapperClassName={'rating'}
                         />
                       </div>
@@ -322,69 +322,61 @@ const FeedbackForm = ({ contentType, pathname }) => {
                       />
                       <div
                         className={cx(
-                          'form-step-actions d-flex flex-nowrap w100 justify-content-center button-shadow',
+                          'form-step-actions flex-nowrap w100 justify-content-center button-shadow',
                           {
-                            'pt-4': satisfaction,
+                            'pt-4 d-flex': satisfaction,
+                            'd-none': !satisfaction,
                           },
                         )}
                         aria-hidden={!satisfaction}
                       >
                         {/* Bug bottoni del kit. Disabled e' settato anche se compare la prop aria-disabled,
-                        quando lo scopo sarebbe continuare a poter usufruire dei focus anche in screen reader */}
-                        <Button
+                        quando lo scopo sarebbe continuare a poter usufruire dei focus anche in screen reader.
+                        Per i vedenti, la classe dimmed fa il suo lavoro e disabilita i click/input utente */}
+                        <button
                           type="button"
-                          color="primary"
                           onClick={prevStep}
-                          outline
-                          aria-labelledby={
-                            !invalidForm && step !== 0
-                              ? intl.formatMessage(messages.prev)
-                              : intl.formatMessage(messages.prev_disabled)
-                          }
-                          className={cx('prev-action', {
-                            disabled: step === 0,
-                          })}
+                          disabled={false}
+                          className={cx(
+                            'me-4 fw-bold btn btn-outline-primary',
+                            {
+                              disabled: step === 0,
+                            },
+                          )}
                           aria-disabled={!(!invalidForm && step !== 0)}
                         >
                           {intl.formatMessage(messages.prev)}
-                        </Button>
+                        </button>
 
                         {step !== numberOfSteps - 1 && (
-                          <Button
+                          <button
                             type="button"
                             onClick={nextStep}
-                            aria-labelledby={
-                              !invalidForm
-                                ? intl.formatMessage(messages.next)
-                                : intl.formatMessage(messages.next_disabled)
-                            }
-                            className={cx('next-action fw-bold', {
+                            disabled={false}
+                            aria-disabled={invalidForm}
+                            className={cx('fw-bold btn btn-primary', {
                               disabled: invalidForm,
                             })}
                           >
                             {intl.formatMessage(messages.next)}
-                          </Button>
+                          </button>
                         )}
                         {step === numberOfSteps - 1 && (
-                          <Button
-                            className={cx('next-action fw-bold', {
+                          <button
+                            className={cx('fw-bold btn btn-primary', {
                               disabled: invalidForm,
                             })}
-                            color="primary"
-                            aria-labelledby={
-                              !invalidForm
-                                ? intl.formatMessage(messages.next)
-                                : intl.formatMessage(messages.next_disabled)
-                            }
-                            type={'button'}
+                            type="submit"
+                            disabled={false}
+                            aria-disabled={invalidForm}
                             onClick={sendFormData}
                             onKeyDown={(e) => {
                               if (e.key === 'Enter' && !invalidForm)
                                 sendFormData();
                             }}
                           >
-                            {intl.formatMessage(messages.next)}
-                          </Button>
+                            {intl.formatMessage(messages.submit)}
+                          </button>
                         )}
                       </div>
                     </>
@@ -409,7 +401,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
           </Col>
         </Row>
       </Container>
-    </div>
+    </section>
   );
 };
 
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
index a3c737172..bd37d7b9c 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/AnswersStep.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useMemo } from 'react';
 import { usePrevious } from '@plone/volto/helpers';
-import { Form, FormGroup, Input, Label } from 'design-react-kit';
+import { Form, FormGroup, Label } from 'design-react-kit';
 import { defineMessages } from 'react-intl';
 import {
   FormHeader,
@@ -76,6 +76,9 @@ const AnswersStep = ({
           step={step + 1}
           totalSteps={totalSteps}
           className={'answers-header'}
+          hidden={
+            userFeedback === null || userFeedback < threshold || step !== 0
+          }
         />
 
         <Form className="answers-form">
@@ -85,14 +88,13 @@ const AnswersStep = ({
               key={'positive-' + s}
               className="border-bottom border-light mb-4"
             >
-              <Input
+              <input
                 name="answer-input-positive"
                 id={'positive-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
                 onChange={handleAnswerChange}
-                addon
               />
               <Label
                 for={'positive-' + s}
@@ -123,6 +125,9 @@ const AnswersStep = ({
           step={step + 1}
           totalSteps={totalSteps}
           className={'answers-header'}
+          hidden={
+            userFeedback === null || userFeedback > threshold || step !== 0
+          }
         />
 
         <Form className="answers-form">
@@ -132,14 +137,13 @@ const AnswersStep = ({
               key={'negative-' + s}
               className="border-bottom border-light mb-4"
             >
-              <Input
+              <input
                 name="answer-input-negative"
                 id={'negative-' + s}
                 type="radio"
                 checked={s === selectedAnswer}
                 value={s}
                 onChange={handleAnswerChange}
-                addon
               />
               <Label
                 for={'negative-' + s}
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
index 2f02ad68c..7b1dafce2 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
@@ -47,14 +47,18 @@ const CommentsStep = ({
       className={cx('comments-step', {
         'd-none': step !== 1,
       })}
+      data-step={step}
+      aria-expanded={step === 1}
+      aria-hidden={step !== 1}
     >
       <FormHeader
         title={intl.formatMessage(messages.header_comments)}
         step={step + 1}
         totalSteps={totalSteps}
         className="comments-header"
+        hidden={step !== 1}
       />
-      <div className="comment">
+      <div className="comment w-100">
         <Form>
           <FormGroup key={`step-${step}-comment`}>
             <TextArea
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
index d5ad8d16e..0bc875150 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/Commons/Rating.jsx
@@ -29,7 +29,7 @@ const RTRating = ({
   const fieldClasses = classNames(className);
   const extraFieldAttrs = readOnly ? { 'aria-hidden': true } : {};
 
-  const legendContent = legend || null;
+  const legendContent = legend || '';
 
   const handleChange = (e) => {
     onChange(parseInt(e.target.value), name);
@@ -49,9 +49,8 @@ const RTRating = ({
       tag="fieldset"
       className={wrapperClasses}
       data-testid={testId}
-      // tabIndex={0}
     >
-      {legendContent}
+      <legend className="visually-hidden">{legendContent}</legend>
       {inputs.map((input, i) => {
         return (
           <Fragment key={input.name}>
@@ -66,12 +65,11 @@ const RTRating = ({
               checked={value === input.value}
               disabled={readOnly}
               data-element={'feedback-rate-' + input.value}
-              tabIndex={input.value === 1 ? 0 : -1}
               aria-label={labelFn(input.value)}
             />
             <Label
               for={input.name}
-              title={labelFn(input.value)}
+              // aria-label={labelFn(input.value)}
               onMouseEnter={(e) => {
                 const parentNode = e.currentTarget.parentElement;
                 const toBeHovered = getAllPrevSiblings(
@@ -98,7 +96,6 @@ const RTRating = ({
               <Icon
                 icon="it-star-full"
                 size="sm"
-                title={labelFn(input.value)}
                 className={cx('rating-star', {
                   starFilled: value >= input.value,
                 })}
diff --git a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
index d46e9b69e..a41cebe1a 100644
--- a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
+++ b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
@@ -1,13 +1,18 @@
 import React from 'react';
+import cx from 'classnames';
 
-export const FormHeader = ({ title, step, totalSteps, className }) => {
+export const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
   return (
-    <div className={className}>
-      <legend data-element="feedback-rating-question">
-        <h6>{title}</h6>
-      </legend>
-
+    <legend
+      data-element="feedback-rating-question"
+      aria-hidden={hidden}
+      className={cx(className, 'w-100', {
+        'd-none': hidden,
+      })}
+      aria-live="polite"
+    >
+      <div className={'m-0 fs-6'}>{title}</div>
       <div>{`${step}/${totalSteps}`}</div>
-    </div>
+    </legend>
   );
 };

From 3477d903718acb505700b551219aa5dd6662fe7b Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <martina.bustacchini@redturtle.it>
Date: Wed, 28 Feb 2024 13:03:22 +0100
Subject: [PATCH 3/4] fix: changed some logic on satisfaction change, added
 autofocus on back to first step selected answer

---
 .../CustomerSatisfaction/FeedbackForm.jsx     | 31 +++++++++++++++++--
 .../Steps/CommentsStep.jsx                    |  2 +-
 .../components/FeedbackForm/Steps/Commons.jsx |  1 -
 3 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
index 6ecea97d8..6ab1b3741 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/FeedbackForm.jsx
@@ -169,7 +169,9 @@ const FeedbackForm = ({ contentType, pathname }) => {
   };
 
   const prevStep = () => {
-    if (!invalidForm && step !== 0) setStep(step - 1);
+    if (!invalidForm && step !== 0) {
+      setStep(step - 1);
+    }
   };
 
   useEffect(() => {
@@ -182,6 +184,12 @@ const FeedbackForm = ({ contentType, pathname }) => {
   }, [path]);
 
   useEffect(() => {
+    const currentVote = getFormFieldValue('vote');
+    if (
+      (currentVote > threshold && satisfaction < threshold) ||
+      (currentVote < threshold && satisfaction > threshold)
+    )
+      updateFormData('answer', null);
     updateFormData('vote', satisfaction ?? null);
     setStep(0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -193,6 +201,25 @@ const FeedbackForm = ({ contentType, pathname }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fieldHoney]);
 
+  // Motivazioni del focus programmatico
+  //  - su alcuni browser viene dichiarato "object replacement character" ai rerender di react
+  //    che sono inevitabili mentre il focus rimane sul bottone ma non viene detto
+  //  - replichiamo 1:1 il comportamento del secondo step, quando vai avanti hai autofocus sulla
+  //    textarea per i commenti
+  //  - essendo annunciato ora il titolo dello step, l'utente sr sa comunque benissimo dove si trova,
+  //    anzi, il flow di compilazione del form kb+sr e' molto piu' agevole
+  useEffect(() => {
+    if (step === 0 && getFormFieldValue('answer')) {
+      const selectedAnswer = document.getElementById(
+        `${
+          satisfaction > threshold ? 'positive' : 'negative'
+        }-${getFormFieldValue('answer')}`,
+      );
+      selectedAnswer.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [step]);
+
   const onVerifyCaptcha = useCallback(
     (token) => {
       if (satisfaction !== null && !validToken) {
@@ -381,7 +408,7 @@ const FeedbackForm = ({ contentType, pathname }) => {
                                 sendFormData();
                             }}
                           >
-                            {intl.formatMessage(messages.submit)}
+                            {intl.formatMessage(messages.next)}
                           </button>
                         )}
                       </div>
diff --git a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
index 7b1dafce2..69ae8d9f0 100644
--- a/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
+++ b/src/components/ItaliaTheme/CustomerSatisfaction/Steps/CommentsStep.jsx
@@ -73,7 +73,7 @@ const CommentsStep = ({
               }
               tabIndex="0"
               // eslint-disable-next-line jsx-a11y/no-autofocus
-              autoFocus={true}
+              autoFocus={step === 1}
               id="comment"
               label={intl.formatMessage(messages.label_comment)}
               aria-invalid={invalid}
diff --git a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
index a41cebe1a..dce779518 100644
--- a/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
+++ b/src/customizations/volto-feedback/components/FeedbackForm/Steps/Commons.jsx
@@ -9,7 +9,6 @@ export const FormHeader = ({ title, step, totalSteps, className, hidden }) => {
       className={cx(className, 'w-100', {
         'd-none': hidden,
       })}
-      aria-live="polite"
     >
       <div className={'m-0 fs-6'}>{title}</div>
       <div>{`${step}/${totalSteps}`}</div>

From f6a652ccc71116020c70f415de68b48a5c7bf871 Mon Sep 17 00:00:00 2001
From: Martina Bustacchini <martina.bustacchini@redturtle.it>
Date: Wed, 28 Feb 2024 13:08:03 +0100
Subject: [PATCH 4/4] chore: update release.md and translations

---
 RELEASE.md                      |  1 +
 locales/de/LC_MESSAGES/volto.po | 15 +++++----------
 locales/en/LC_MESSAGES/volto.po | 15 +++++----------
 locales/es/LC_MESSAGES/volto.po | 15 +++++----------
 locales/fr/LC_MESSAGES/volto.po | 15 +++++----------
 locales/it/LC_MESSAGES/volto.po | 15 +++++----------
 locales/volto.pot               | 19 +++++++------------
 7 files changed, 33 insertions(+), 62 deletions(-)

diff --git a/RELEASE.md b/RELEASE.md
index 48174e912..ce5644534 100644
--- a/RELEASE.md
+++ b/RELEASE.md
@@ -48,6 +48,7 @@
 - L'icona per aprire il menu in mobile è ora visibile anche quando l'header del sito è bianca.
 - La descrizione nelle card per i punti di contatto non mostrano più tutte le iniziali in maiuscolo.
 - Il colore dei link nel menu mobile è ora accessibile per tutti i temi.
+- Migliorata l'accessibilità della sezione dedicata al feedback utente per tutti i contenuti del sito
 
 ## Versione 11.5.1 (19/02/2024)
 
diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 910895e46..4e0aa81b8 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -2005,21 +2005,11 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2081,6 +2071,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 362c9cf76..9f15a661f 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -1990,21 +1990,11 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2066,6 +2056,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr "Rate from 1 to 5 stars"
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index cf29e063f..3cb13c540 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -1999,21 +1999,11 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2075,6 +2065,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 2e79834f6..a90488225 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -2007,21 +2007,11 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2083,6 +2073,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 61492f814..ce3a83c6c 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -1990,21 +1990,11 @@ msgstr "Errore"
 msgid "feedback_form_button_next"
 msgstr "Avanti"
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr "Indietro"
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2066,6 +2056,11 @@ msgstr "Altro"
 msgid "feedback_sent"
 msgstr "Il tuo feedback è stato inviato!"
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
diff --git a/locales/volto.pot b/locales/volto.pot
index d3950347d..dfb2cd8cb 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-02-19T11:08:36.048Z\n"
+"POT-Creation-Date: 2024-02-28T12:06:34.293Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -1992,21 +1992,11 @@ msgstr ""
 msgid "feedback_form_button_next"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Avanti, disabilitato
-msgid "feedback_form_button_next_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: Previous
 msgid "feedback_form_button_prev"
 msgstr ""
 
-#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
-# defaultMessage: Indietro, disabilitato
-msgid "feedback_form_button_prev_disabled"
-msgstr ""
-
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: No
 msgid "feedback_form_no"
@@ -2068,6 +2058,11 @@ msgstr ""
 msgid "feedback_sent"
 msgstr ""
 
+#: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
+# defaultMessage: Valuta da 1 a 5 stelle
+msgid "feedback_stars"
+msgstr ""
+
 #: components/ItaliaTheme/CustomerSatisfaction/FeedbackForm
 # defaultMessage: I ran into technical problems
 msgid "feedback_technical_problems"
@@ -3248,7 +3243,7 @@ msgid "search_startDate"
 msgstr ""
 
 #: helpers/Translations/searchBlockExtendedTranslations
-# defaultMessage: Ricerca per: <em>{searchedtext}</em>.
+# defaultMessage: Ricerca per: <em>{searchedtext}</em>. 
 msgid "searchedFor"
 msgstr ""