From 7bbaba409a3e6e24d52bc33fc031c93d8b918611 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Thu, 5 Feb 2026 15:58:28 +0100
Subject: [PATCH 1/4] feat: custom formfieldwrapper.jsx

---
 .../manage/Widgets/FormFieldWrapper.jsx       | 188 ++++++++++++++++++
 1 file changed, 188 insertions(+)
 create mode 100644 src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx

diff --git a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
new file mode 100644
index 000000000..5406ffbfc
--- /dev/null
+++ b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
@@ -0,0 +1,188 @@
+/**
+ * FormFieldWrapper component.
+ * @module components/manage/Widgets/FormFieldWrapper
+ */
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Form, Grid, Icon as IconOld, Label } from 'semantic-ui-react';
+import { map } from 'lodash';
+import cx from 'classnames';
+import { defineMessages, injectIntl } from 'react-intl';
+
+const messages = defineMessages({
+  edit: {
+    id: 'Edit',
+    defaultMessage: 'Edit',
+  },
+  delete: {
+    id: 'Delete',
+    defaultMessage: 'Delete',
+  },
+  language_independent: {
+    id: 'Language independent field.',
+    defaultMessage: 'Language independent field.',
+  },
+});
+/**
+ * FormFieldWrapper component class.
+ * @class FormFieldWrapper
+ * @extends Component
+ */
+class FormFieldWrapper extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    id: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    required: PropTypes.bool,
+    error: PropTypes.arrayOf(PropTypes.string),
+    wrapped: PropTypes.bool,
+    columns: PropTypes.number,
+    draggable: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+    onEdit: PropTypes.func,
+    className: PropTypes.string,
+    onDelete: PropTypes.func,
+    intl: PropTypes.object,
+  };
+
+  /**
+   * Default properties
+   * @property {Object} defaultProps Default properties.
+   * @static
+   */
+  static defaultProps = {
+    description: null,
+    required: false,
+    error: [],
+    wrapped: true,
+    columns: 2,
+    onDelete: null,
+    intl: null,
+    isDisabled: null,
+    draggable: null,
+  };
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const {
+      id,
+      title,
+      description,
+      fieldSet,
+      required,
+      error,
+      wrapped,
+      columns,
+      draggable,
+      onEdit,
+      className,
+      isDisabled,
+      onDelete,
+      intl,
+      noForInFieldLabel,
+      multilingual_options,
+    } = this.props;
+    const wdg = (
+      <>
+        {this.props.children}
+
+        {map(error, (message) => (
+          <Label key={message} basic color="red" className="form-error-label">
+            {message}
+          </Label>
+        ))}
+      </>
+    );
+
+    return wrapped ? (
+      <Form.Field
+        inline
+        required={required}
+        error={error.length > 0}
+        className={cx(
+          description ? 'help' : '',
+          className,
+          `field-wrapper-${id}`,
+          multilingual_options?.language_independent
+            ? 'language-independent-field'
+            : null,
+        )}
+      >
+        <Grid>
+          <Grid.Row stretched>
+            {columns === 2 && (
+              <Grid.Column width="4">
+                <div className="wrapper">
+                  <label
+                    id={`fieldset-${fieldSet}-field-label-${id}`}
+                    htmlFor={noForInFieldLabel ? null : `field-${id}`}
+                  >
+                    {draggable && onEdit && (
+                      <i
+                        aria-hidden="true"
+                        className="grey bars icon drag handle"
+                      />
+                    )}
+                    {title}
+                  </label>
+                </div>
+              </Grid.Column>
+            )}
+            <Grid.Column width={columns === 2 ? 8 : 12}>
+              {onEdit && !isDisabled && (
+                <div className="toolbar" style={{ zIndex: '2' }}>
+                  <button
+                    aria-label={intl.formatMessage(messages.edit)}
+                    className="item ui noborder button"
+                    onClick={(evt) => {
+                      evt.preventDefault();
+                      onEdit(id);
+                    }}
+                  >
+                    <IconOld name="write square" size="large" color="blue" />
+                  </button>
+                  <button
+                    aria-label={intl.formatMessage(messages.delete)}
+                    className="item ui noborder button"
+                    onClick={(evt) => {
+                      evt.preventDefault();
+                      onDelete(id);
+                    }}
+                  >
+                    <IconOld name="close" size="large" color="red" />
+                  </button>
+                </div>
+              )}
+              {wdg}
+            </Grid.Column>
+          </Grid.Row>
+          {description && (
+            <Grid.Row stretched>
+              <Grid.Column stretched width="12">
+                <p className="help">
+                  {this.props.multilingual_options
+                    ? `${intl.formatMessage(messages.language_independent)} `
+                    : null}
+                  {description}
+                </p>
+              </Grid.Column>
+            </Grid.Row>
+          )}
+        </Grid>
+      </Form.Field>
+    ) : (
+      <>{wdg}</>
+    );
+  }
+}
+
+export default injectIntl(FormFieldWrapper);

From ba9263506848933536233b0c49cdbfbb759013d2 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Thu, 5 Feb 2026 16:03:32 +0100
Subject: [PATCH 2/4] refact: FormFieldWrapper coverted into function component
 to match Volto 19

---
 .../manage/Widgets/FormFieldWrapper.jsx       | 310 +++++++++---------
 1 file changed, 154 insertions(+), 156 deletions(-)

diff --git a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
index 5406ffbfc..3e64bcae9 100644
--- a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
+++ b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
@@ -2,12 +2,14 @@
  * FormFieldWrapper component.
  * @module components/manage/Widgets/FormFieldWrapper
  */
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Form, Grid, Icon as IconOld, Label } from 'semantic-ui-react';
-import { map } from 'lodash';
+import map from 'lodash/map';
 import cx from 'classnames';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, useIntl } from 'react-intl';
+import LanguageSVG from '@plone/volto/icons/language.svg';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
 
 const messages = defineMessages({
   edit: {
@@ -22,167 +24,163 @@ const messages = defineMessages({
     id: 'Language independent field.',
     defaultMessage: 'Language independent field.',
   },
+  language_independent_icon_title: {
+    id: 'Language independent icon title',
+    defaultMessage:
+      'This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.',
+  },
 });
 /**
- * FormFieldWrapper component class.
- * @class FormFieldWrapper
- * @extends Component
+ * FormFieldWrapper component.
+ * @function FormFieldWrapper
+ * @param {Object} props - Component props
+ * @returns {JSX.Element} Markup for the component.
  */
-class FormFieldWrapper extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    id: PropTypes.string.isRequired,
-    title: PropTypes.string.isRequired,
-    description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    required: PropTypes.bool,
-    error: PropTypes.arrayOf(PropTypes.string),
-    wrapped: PropTypes.bool,
-    columns: PropTypes.number,
-    draggable: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-    onEdit: PropTypes.func,
-    className: PropTypes.string,
-    onDelete: PropTypes.func,
-    intl: PropTypes.object,
-  };
+const FormFieldWrapper = ({
+  id,
+  title,
+  description = null,
+  fieldSet,
+  required = false,
+  error = [],
+  wrapped = true,
+  columns = 2,
+  draggable = null,
+  onEdit,
+  className,
+  isDisabled = null,
+  onDelete = null,
+  noForInFieldLabel,
+  multilingual_options,
+  children,
+}) => {
+  const intl = useIntl();
+  const languageIndependent = multilingual_options?.language_independent;
 
-  /**
-   * Default properties
-   * @property {Object} defaultProps Default properties.
-   * @static
-   */
-  static defaultProps = {
-    description: null,
-    required: false,
-    error: [],
-    wrapped: true,
-    columns: 2,
-    onDelete: null,
-    intl: null,
-    isDisabled: null,
-    draggable: null,
-  };
+  const wdg = (
+    <>
+      {children}
 
-  /**
-   * Render method.
-   * @method render
-   * @returns {string} Markup for the component.
-   */
-  render() {
-    const {
-      id,
-      title,
-      description,
-      fieldSet,
-      required,
-      error,
-      wrapped,
-      columns,
-      draggable,
-      onEdit,
-      className,
-      isDisabled,
-      onDelete,
-      intl,
-      noForInFieldLabel,
-      multilingual_options,
-    } = this.props;
-    const wdg = (
-      <>
-        {this.props.children}
+      {map(error, (message) => (
+        <Label key={message} basic color="red" className="form-error-label">
+          {message}
+        </Label>
+      ))}
+    </>
+  );
 
-        {map(error, (message) => (
-          <Label key={message} basic color="red" className="form-error-label">
-            {message}
-          </Label>
-        ))}
-      </>
-    );
-
-    return wrapped ? (
-      <Form.Field
-        inline
-        required={required}
-        error={error.length > 0}
-        className={cx(
-          description ? 'help' : '',
-          className,
-          `field-wrapper-${id}`,
-          multilingual_options?.language_independent
-            ? 'language-independent-field'
-            : null,
-        )}
-      >
-        <Grid>
-          <Grid.Row stretched>
-            {columns === 2 && (
-              <Grid.Column width="4">
-                <div className="wrapper">
-                  <label
-                    id={`fieldset-${fieldSet}-field-label-${id}`}
-                    htmlFor={noForInFieldLabel ? null : `field-${id}`}
-                  >
-                    {draggable && onEdit && (
-                      <i
-                        aria-hidden="true"
-                        className="grey bars icon drag handle"
+  return wrapped ? (
+    <Form.Field
+      inline
+      required={required}
+      error={error && error.length > 0}
+      className={cx(
+        description ? 'help' : '',
+        className,
+        `field-wrapper-${id}`,
+        languageIndependent ? 'language-independent-field' : null,
+      )}
+    >
+      <Grid>
+        <Grid.Row stretched>
+          {columns === 2 && (
+            <Grid.Column width="4">
+              <div className="wrapper">
+                <label
+                  id={`fieldset-${fieldSet}-field-label-${id}`}
+                  htmlFor={noForInFieldLabel ? null : `field-${id}`}
+                >
+                  {draggable && onEdit && (
+                    <i
+                      aria-hidden="true"
+                      className="grey bars icon drag handle"
+                    />
+                  )}
+                  {title}
+                  {languageIndependent && (
+                    <div className="languageIndependent-icon">
+                      <Icon
+                        title={intl.formatMessage(
+                          messages.language_independent_icon_title,
+                        )}
+                        name={LanguageSVG}
+                        size="24px"
+                        color="#555"
                       />
-                    )}
-                    {title}
-                  </label>
-                </div>
-              </Grid.Column>
+                    </div>
+                  )}
+                </label>
+              </div>
+            </Grid.Column>
+          )}
+          <Grid.Column width={columns === 2 ? 8 : 12}>
+            {onEdit && !isDisabled && (
+              <div className="toolbar" style={{ zIndex: '2' }}>
+                <button
+                  aria-label={intl.formatMessage(messages.edit)}
+                  className="item ui noborder button"
+                  onClick={(evt) => {
+                    evt.preventDefault();
+                    onEdit(id);
+                  }}
+                >
+                  <IconOld name="write square" size="large" color="blue" />
+                </button>
+                <button
+                  aria-label={intl.formatMessage(messages.delete)}
+                  className="item ui noborder button"
+                  onClick={(evt) => {
+                    evt.preventDefault();
+                    onDelete(id);
+                  }}
+                >
+                  <IconOld name="close" size="large" color="red" />
+                </button>
+              </div>
             )}
-            <Grid.Column width={columns === 2 ? 8 : 12}>
-              {onEdit && !isDisabled && (
-                <div className="toolbar" style={{ zIndex: '2' }}>
-                  <button
-                    aria-label={intl.formatMessage(messages.edit)}
-                    className="item ui noborder button"
-                    onClick={(evt) => {
-                      evt.preventDefault();
-                      onEdit(id);
-                    }}
-                  >
-                    <IconOld name="write square" size="large" color="blue" />
-                  </button>
-                  <button
-                    aria-label={intl.formatMessage(messages.delete)}
-                    className="item ui noborder button"
-                    onClick={(evt) => {
-                      evt.preventDefault();
-                      onDelete(id);
-                    }}
-                  >
-                    <IconOld name="close" size="large" color="red" />
-                  </button>
-                </div>
-              )}
-              {wdg}
+            {wdg}
+          </Grid.Column>
+        </Grid.Row>
+        {description && (
+          <Grid.Row stretched>
+            <Grid.Column stretched width="12">
+              <p className="help">
+                {multilingual_options
+                  ? `${intl.formatMessage(messages.language_independent)} `
+                  : null}
+                {description}
+              </p>
             </Grid.Column>
           </Grid.Row>
-          {description && (
-            <Grid.Row stretched>
-              <Grid.Column stretched width="12">
-                <p className="help">
-                  {this.props.multilingual_options
-                    ? `${intl.formatMessage(messages.language_independent)} `
-                    : null}
-                  {description}
-                </p>
-              </Grid.Column>
-            </Grid.Row>
-          )}
-        </Grid>
-      </Form.Field>
-    ) : (
-      <>{wdg}</>
-    );
-  }
-}
+        )}
+      </Grid>
+    </Form.Field>
+  ) : (
+    <>{wdg}</>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ */
+FormFieldWrapper.propTypes = {
+  id: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  description: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  required: PropTypes.bool,
+  error: PropTypes.arrayOf(PropTypes.string),
+  wrapped: PropTypes.bool,
+  columns: PropTypes.number,
+  draggable: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  onEdit: PropTypes.func,
+  className: PropTypes.string,
+  onDelete: PropTypes.func,
+  fieldSet: PropTypes.string,
+  noForInFieldLabel: PropTypes.bool,
+  multilingual_options: PropTypes.object,
+  children: PropTypes.node,
+};
 
-export default injectIntl(FormFieldWrapper);
+export default FormFieldWrapper;

From ea49249ce726fd12f5c770f1c59cc20703994697 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Thu, 5 Feb 2026 16:04:26 +0100
Subject: [PATCH 3/4] fix: aria properties added

---
 .../manage/Widgets/FormFieldWrapper.jsx         | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
index 3e64bcae9..1a781505e 100644
--- a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
+++ b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
@@ -2,7 +2,12 @@
  * FormFieldWrapper component.
  * @module components/manage/Widgets/FormFieldWrapper
  */
-import React from 'react';
+import React, {
+  Component,
+  Children,
+  isValidElement,
+  cloneElement,
+} from 'react';
 import PropTypes from 'prop-types';
 import { Form, Grid, Icon as IconOld, Label } from 'semantic-ui-react';
 import map from 'lodash/map';
@@ -59,7 +64,15 @@ const FormFieldWrapper = ({
 
   const wdg = (
     <>
-      {children}
+      {Children.map(this.props.children, (child) => {
+        if (isValidElement(child) && required && child.type.name === 'Input') {
+          return cloneElement(child, {
+            'aria-required': true,
+            'aria-invalid': error && error.length > 0,
+          });
+        }
+        return child;
+      })}
 
       {map(error, (message) => (
         <Label key={message} basic color="red" className="form-error-label">

From 15c3af6fea5098fe631fd33733719583c5ec662b Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Thu, 5 Feb 2026 16:43:23 +0100
Subject: [PATCH 4/4] fix: comments for backport and i18n

---
 locales/de/LC_MESSAGES/volto.po                     |  5 +++++
 locales/en/LC_MESSAGES/volto.po                     |  5 +++++
 locales/es/LC_MESSAGES/volto.po                     |  5 +++++
 locales/fr/LC_MESSAGES/volto.po                     |  5 +++++
 locales/it/LC_MESSAGES/volto.po                     |  5 +++++
 locales/volto.pot                                   |  7 ++++++-
 .../components/manage/Widgets/FormFieldWrapper.jsx  | 13 +++++--------
 src/overrideTranslations.jsx                        |  6 ++++++
 8 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 2765e821b..d207e2f78 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -384,6 +384,11 @@ msgstr ""
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index f2e4ab097..0021504c3 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -369,6 +369,11 @@ msgstr "Subscribe to receive newsletter"
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr "The event will not be held on the following dates"
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 3df4e30af..57a1845de 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -378,6 +378,11 @@ msgstr "Suscríbete para recibir el boletín"
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr "El evento no se realizará en las siguientes fechas"
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr "Este es un campo independiente del idioma. Cualquier valor que ingreses aquí sobrescribirá el campo correspondiente de todos los miembros del grupo de traducción al guardar este formulario."
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 2d3b70aaa..0d013b339 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -386,6 +386,11 @@ msgstr "Inscrivez-vous pour recevoir la newsletter"
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr "L'événement n'aura pas lieu aux dates suivantes"
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr "l s'agit d'un champ indépendant de la langue. Toute valeur saisie ici écrasera le champ correspondant de tous les membres du groupe de traduction lors de l'enregistrement de ce formulaire."
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index bbe8c9661..5e123443c 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -369,6 +369,11 @@ msgstr "Iscriviti per ricevere la newsletter"
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr "L'evento non si terrà nelle seguenti date"
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr "Questo è un campo indipendente dalla lingua. Qualsiasi valore inserito qui sovrascriverà il campo corrispondente di tutti i membri del gruppo di traduzione al momento del salvataggio del modulo."
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/locales/volto.pot b/locales/volto.pot
index 501b61a6e..80872cd5c 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-11-27T13:35:51.867Z\n"
+"POT-Creation-Date: 2026-02-05T15:34:29.857Z\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"
@@ -371,6 +371,11 @@ msgstr ""
 msgid "L'evento non si terrà nelle seguenti date"
 msgstr ""
 
+#: overrideTranslations
+# defaultMessage: This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.
+msgid "Language independent icon title"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Calendar/ListingSidebar
 # defaultMessage: Link more
 msgid "Link more"
diff --git a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
index 1a781505e..31603212b 100644
--- a/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
+++ b/src/customizations/volto/components/manage/Widgets/FormFieldWrapper.jsx
@@ -1,13 +1,10 @@
 /**
  * FormFieldWrapper component.
  * @module components/manage/Widgets/FormFieldWrapper
+ * - Rifattorazione del componente FormFieldWrapper, con l'obiettivo di aggiornarlo alla versione 19 di Volto https://github.com/plone/volto/blob/main/packages/volto/src/components/manage/Widgets/FormFieldWrapper.jsx
+ * - aria-required e aria-invalid vengono aggiunti solo se il campo è richiesto e se ci sono errori, rispettivamente
  */
-import React, {
-  Component,
-  Children,
-  isValidElement,
-  cloneElement,
-} from 'react';
+import React, { Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import { Form, Grid, Icon as IconOld, Label } from 'semantic-ui-react';
 import map from 'lodash/map';
@@ -64,11 +61,11 @@ const FormFieldWrapper = ({
 
   const wdg = (
     <>
-      {Children.map(this.props.children, (child) => {
+      {Children.map(children, (child) => {
         if (isValidElement(child) && required && child.type.name === 'Input') {
           return cloneElement(child, {
             'aria-required': true,
-            'aria-invalid': error && error.length > 0,
+            'aria-invalid': !!(error && error.length > 0),
           });
         }
         return child;
diff --git a/src/overrideTranslations.jsx b/src/overrideTranslations.jsx
index cff4d1d4c..036fb8f14 100644
--- a/src/overrideTranslations.jsx
+++ b/src/overrideTranslations.jsx
@@ -177,4 +177,10 @@ defineMessages({
     id: 'Published',
     defaultMessage: 'Published',
   },
+  //backport from volto 19 https://github.com/plone/volto/blob/main/packages/volto/src/components/manage/Widgets/FormFieldWrapper.jsx
+  language_independent_icon_title: {
+    id: 'Language independent icon title',
+    defaultMessage:
+      'This is a language independent field. Any value you enter here will overwrite the corresponding field of all members of the translation group when you save this form.',
+  },
 });