aria properties added to formfieldwrapper - a11y

packages/volto/news/7981.bugfix

@@ -0,0 +1 @@
+Add `aria-required` or `aria-invalid` classes only if the field is required or contains errors, respectively. @Wagner3UB

packages/volto/src/components/manage/Widgets/FormFieldWrapper.jsx

@@ -2,7 +2,7 @@
  * FormFieldWrapper component.
  * @module components/manage/Widgets/FormFieldWrapper
  */
-import React 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';
@@ -59,7 +59,15 @@ const FormFieldWrapper = ({
 
   const wdg = (
     <>
-      {children}
+      {Children.map(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">