+
{error}
);
@@ -13,6 +17,7 @@ const ValidationErrors = ({error = ''}) => {
ValidationErrors.propTypes = {
error: PropTypes.string,
+ ariaDescribedby: PropTypes.string,
};
export default ValidationErrors;
diff --git a/src/formio/templates/addressNL.ejs b/src/formio/templates/addressNL.ejs
index 5c806cc5f..f0bb93684 100644
--- a/src/formio/templates/addressNL.ejs
+++ b/src/formio/templates/addressNL.ejs
@@ -1 +1 @@
-
+
diff --git a/src/formio/templates/field.ejs b/src/formio/templates/field.ejs
index bced410d0..0c20fa9a3 100644
--- a/src/formio/templates/field.ejs
+++ b/src/formio/templates/field.ejs
@@ -3,6 +3,7 @@
+ aria-describedby="{{ctx.instance.id}}-{{ctx.component.key}}">
@@ -73,6 +74,6 @@
ref="messageContainer"
class="utrecht-form-field-description utrecht-form-field-description--invalid utrecht-form-field-description--openforms-errors"
role="alert"
- aria-describedby="{{ctx.id}}">
+ aria-describedby="{{ctx.instance.id}}-{{ctx.component.key}}">
{% } %}