From 610ce60d34d5097abf8789bfd317600f4e2a7259 Mon Sep 17 00:00:00 2001
From: Dmitry Kurmanov <kurmanov.work@gmail.com>
Date: Mon, 26 Feb 2024 11:17:46 +0400
Subject: [PATCH] PR: A screen reader (e.g., NVDA) doesn't announce a
 question's description (#7902)

* work for the https://github.com/surveyjs/survey-library/issues/7881

* work for the https://github.com/surveyjs/survey-library/issues/7881
---
 .../dropdown/dropdown.component.html          |  3 +-
 .../element-header.component.html             |  2 +-
 .../rating/rating-item-smiley.component.html  |  2 +-
 .../rating/rating-item-star.component.html    |  2 +-
 .../rating/rating-item.component.html         |  2 +-
 .../boolean-checkbox.component.html           |  4 +--
 .../boolean-radio-item.component.html         |  2 +-
 .../dropdown-select.component.html            |  2 +-
 .../tagbox/tagbox-filter.component.html       |  1 +
 .../components/tagbox/tagbox.component.html   |  2 +-
 .../src/question.component.html               |  4 +--
 .../src/questions/boolean.component.html      |  3 +-
 .../button-group-item.component.html          |  2 +-
 .../src/questions/comment.component.html      |  3 +-
 .../src/questions/file.component.html         |  2 +-
 .../questions/imagepicker-item.component.html |  2 +-
 .../src/questions/matrixcell.component.html   |  2 +-
 .../questions/radiogroup-item.component.html  |  2 +-
 .../src/questions/selectbase.component.html   |  3 +-
 .../src/questions/text.component.html         |  2 +-
 .../survey-vue3-ui/src/BooleanCheckbox.vue    |  3 +-
 .../survey-vue3-ui/src/BooleanRadioItem.vue   |  2 +-
 packages/survey-vue3-ui/src/BooleanSwitch.vue |  3 +-
 packages/survey-vue3-ui/src/Comment.vue       |  6 ++--
 .../survey-vue3-ui/src/DropdownSelect.vue     |  2 +-
 packages/survey-vue3-ui/src/ElementHeader.vue |  1 +
 packages/survey-vue3-ui/src/File.vue          |  2 +-
 .../survey-vue3-ui/src/ImagepickerItem.vue    |  4 +--
 packages/survey-vue3-ui/src/MatrixCell.vue    |  2 +-
 packages/survey-vue3-ui/src/Question.vue      |  2 ++
 .../survey-vue3-ui/src/RadiogroupItem.vue     |  2 +-
 packages/survey-vue3-ui/src/SelectBase.vue    |  3 +-
 packages/survey-vue3-ui/src/TextInput.vue     |  6 ++--
 .../src/buttongroup/ButtonGroupItem.vue       |  2 +-
 .../src/components/dropdown/Dropdown.vue      |  3 +-
 .../src/components/rating/RatingItem.vue      |  2 +-
 .../components/rating/RatingItemSmiley.vue    |  2 +-
 .../src/components/rating/RatingItemStar.vue  |  2 +-
 .../src/components/tagbox/Tagbox.vue          |  2 +-
 .../src/components/tagbox/TagboxFilter.vue    |  1 +
 .../boolean-checkbox/boolean-checkbox.html    |  4 +--
 .../boolean-radio/boolean-radio-item.html     |  2 +-
 .../button-group/button-group-item.html       |  2 +-
 .../dropdown-select/dropdown-select.html      |  2 +-
 .../components/dropdown/dropdown.html         |  3 +-
 .../components/rating/rating-item-smiley.html |  2 +-
 .../components/rating/rating-item-star.html   |  2 +-
 .../components/rating/rating-item.html        |  2 +-
 src/knockout/components/tagbox/tagbox.html    |  3 +-
 src/knockout/templates/question-boolean.html  |  2 +-
 src/knockout/templates/question-checkbox.html |  2 +-
 src/knockout/templates/question-comment.html  |  2 +-
 src/knockout/templates/question-file.html     |  2 +-
 .../templates/question-imagepicker.html       |  2 +-
 src/knockout/templates/question-matrix.html   |  2 +-
 .../templates/question-radiogroup.html        |  4 +--
 src/knockout/templates/question-text.html     |  2 +-
 src/knockout/templates/question.html          |  2 +-
 src/knockout/templates/questioncontent.html   |  2 +-
 src/knockout/templates/questiontitle.html     |  2 +-
 src/question.ts                               | 21 +++++++++++++-
 src/question_multipletext.ts                  |  4 +++
 src/react/boolean-checkbox.tsx                |  2 +-
 src/react/boolean-radio.tsx                   |  2 +-
 src/react/boolean.tsx                         |  3 +-
 .../components/rating/rating-item-smiley.tsx  |  2 +-
 .../components/rating/rating-item-star.tsx    |  2 +-
 src/react/components/rating/rating-item.tsx   |  2 +-
 src/react/dropdown-base.tsx                   |  3 +-
 src/react/dropdown-select.tsx                 |  2 +-
 src/react/imagepicker.tsx                     |  2 +-
 src/react/reactquestion.tsx                   |  1 +
 src/react/reactquestion_buttongroup.tsx       |  2 +-
 src/react/reactquestion_checkbox.tsx          |  3 +-
 src/react/reactquestion_comment.tsx           |  3 +-
 src/react/reactquestion_element.tsx           |  2 +-
 src/react/reactquestion_file.tsx              |  2 +-
 src/react/reactquestion_matrix.tsx            |  2 +-
 src/react/reactquestion_radiogroup.tsx        |  5 ++--
 src/react/reactquestion_tagbox.tsx            |  2 +-
 src/react/reactquestion_text.tsx              |  3 +-
 src/react/tagbox-filter.tsx                   |  1 +
 src/survey-element.ts                         |  1 +
 src/vue/boolean-checkbox.vue                  |  3 +-
 src/vue/boolean-radio-item.vue                |  2 +-
 src/vue/boolean-switch.vue                    |  3 +-
 src/vue/buttongroupitem.vue                   |  2 +-
 src/vue/checkbox.vue                          |  3 +-
 src/vue/comment.vue                           |  6 ++--
 src/vue/components/dropdown/dropdown.vue      |  3 +-
 .../components/rating/rating-item-smiley.vue  |  2 +-
 .../components/rating/rating-item-star.vue    |  2 +-
 src/vue/components/rating/rating-item.vue     |  2 +-
 src/vue/components/tagbox/tagbox-filter.vue   |  1 +
 src/vue/components/tagbox/tagbox.vue          |  2 +-
 src/vue/dropdown-select.vue                   |  2 +-
 src/vue/element.vue                           |  2 ++
 src/vue/elementheader.vue                     |  1 +
 src/vue/file.vue                              |  2 +-
 src/vue/imagepicker-item.vue                  |  4 +--
 src/vue/matrixcell.vue                        |  2 +-
 src/vue/radiogroup.vue                        |  3 +-
 src/vue/radiogroupitem.vue                    |  2 +-
 src/vue/text-input.vue                        |  6 ++--
 tests/a11y.ts                                 | 29 +++++++++++++++----
 tests/markup/helper.ts                        |  2 +-
 tests/markup/snapshots/boolean-v2.snap.html   |  2 +-
 .../snapshots/boolean-value-v2.snap.html      |  2 +-
 tests/markup/snapshots/boolean.snap.html      |  2 +-
 ...atrixdropdown-cell-errors-bottom.snap.html |  2 +-
 .../matrixdropdown-cell-errors-top.snap.html  |  2 +-
 .../multipletext-error-bottom-v2.snap.html    |  2 +-
 .../multipletext-error-top-v2.snap.html       |  2 +-
 .../snapshots/page-swnl-title-v2.snap.html    |  4 +--
 .../markup/snapshots/page-title-v2.snap.html  |  2 +-
 .../panel-page-swnl-title-v2.snap.html        |  4 +--
 .../panel-question-headers.snap.html          |  4 +--
 ...question-description-under-input.snap.html |  2 +-
 .../question-errors-v2-bottom.snap.html       |  2 +-
 .../question-errors-v2-top.snap.html          |  2 +-
 .../snapshots/question-with-indent.snap.html  |  2 +-
 121 files changed, 211 insertions(+), 128 deletions(-)

diff --git a/packages/survey-angular-ui/src/components/dropdown/dropdown.component.html b/packages/survey-angular-ui/src/components/dropdown/dropdown.component.html
index c3ac718617..93fc85977b 100644
--- a/packages/survey-angular-ui/src/components/dropdown/dropdown.component.html
+++ b/packages/survey-angular-ui/src/components/dropdown/dropdown.component.html
@@ -3,7 +3,7 @@
         [attr.disabled]="model.isInputReadOnly ? true : null" (blur)="blur($event)"
         (keydown)="keyhandler($event)" [attr.id]="model.inputId" [attr.aria-required]="model.ariaRequired"
         [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid"
-        [attr.aria-describedby]="model.ariaDescribedBy" [attr.role]="model.ariaRole"
+        [attr.aria-errormessage]="model.ariaErrormessage" [attr.role]="model.ariaRole"
         [attr.aria-controls]="dropdownModel.listElementId"
         [attr.aria-expanded]="model.ariaExpanded"
         [attr.aria-activedescendant]="dropdownModel.ariaActivedescendant">
@@ -28,6 +28,7 @@
             [attr.aria-controls]="dropdownModel.listElementId"
             [attr.aria-label]="model.a11y_input_ariaLabel"
             [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy"
+            [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"
             [attr.aria-expanded]="model.ariaExpanded"
             [attr.aria-activedescendant]="dropdownModel.ariaActivedescendant"
             [attr.placeholder]="dropdownModel.placeholderRendered" 
diff --git a/packages/survey-angular-ui/src/components/element-header/element-header.component.html b/packages/survey-angular-ui/src/components/element-header/element-header.component.html
index cdb9661b25..a087c0e74d 100644
--- a/packages/survey-angular-ui/src/components/element-header/element-header.component.html
+++ b/packages/survey-angular-ui/src/components/element-header/element-header.component.html
@@ -1,5 +1,5 @@
 <sv-ng-element-title [element]="element"></sv-ng-element-title>
-<div *ngIf="element.hasDescriptionUnderTitle" [class]="element.cssDescription" [model]="element.locDescription" [style.display]="element.hasDescription ? '': 'none' " sv-ng-string></div>
+<div *ngIf="element.hasDescriptionUnderTitle" [class]="element.cssDescription" [model]="element.locDescription" [attr.id]="element.ariaDescriptionId" [style.display]="element.hasDescription ? '': 'none' " sv-ng-string></div>
 <ng-container *ngIf="!!element.additionalTitleToolbar">
 <sv-ng-action-bar [model]="element.additionalTitleToolbar"></sv-ng-action-bar>
 </ng-container>
\ No newline at end of file
diff --git a/packages/survey-angular-ui/src/components/rating/rating-item-smiley.component.html b/packages/survey-angular-ui/src/components/rating/rating-item-smiley.component.html
index c0c22741d0..f01ae5ecca 100644
--- a/packages/survey-angular-ui/src/components/rating/rating-item-smiley.component.html
+++ b/packages/survey-angular-ui/src/components/rating/rating-item-smiley.component.html
@@ -2,7 +2,7 @@
   <label [style]="model.getItemStyle(item.itemValue, item.highlight)" [class]="model.getItemClass(item.itemValue, item.highlight)" (mouseover)="model.onItemMouseIn(item)" (mouseout)="model.onItemMouseOut(item)" (mousedown)="model.onMouseDown()">
     <input type="radio"
       class="sv-visuallyhidden"
-      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-describedby]="model.ariaDescribedBy"
+      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-errormessage]="model.ariaErrormessage"
       [disabled]="model.isInputReadOnly" [checked]="model.value === item.value" (click)="onClick($event)"
       />
       <svg [iconName]="model.getItemSmileyIconName(item.itemValue)" [size]="'auto'" [title]="item.text" sv-ng-svg-icon></svg>
diff --git a/packages/survey-angular-ui/src/components/rating/rating-item-star.component.html b/packages/survey-angular-ui/src/components/rating/rating-item-star.component.html
index ac2b2f3b5f..307a1a29f0 100644
--- a/packages/survey-angular-ui/src/components/rating/rating-item-star.component.html
+++ b/packages/survey-angular-ui/src/components/rating/rating-item-star.component.html
@@ -2,7 +2,7 @@
   <label [class]="model.getItemClass(item.itemValue, item.highlight)" (mouseover)="model.onItemMouseIn(item)" (mouseout)="model.onItemMouseOut(item)" (mousedown)="model.onMouseDown()">
     <input type="radio"
       class="sv-visuallyhidden"
-      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-describedby]="model.ariaDescribedBy"
+      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-errormessage]="model.ariaErrormessage"
       [disabled]="model.isInputReadOnly" [checked]="model.value === item.value" (click)="onClick($event)"
       />
       <svg [iconName]="model.itemStarIcon" [size]="'auto'" [title]="item.text" [class]="'sv-star'" sv-ng-svg-icon></svg>
diff --git a/packages/survey-angular-ui/src/components/rating/rating-item.component.html b/packages/survey-angular-ui/src/components/rating/rating-item.component.html
index 31e50125a5..7510606157 100644
--- a/packages/survey-angular-ui/src/components/rating/rating-item.component.html
+++ b/packages/survey-angular-ui/src/components/rating/rating-item.component.html
@@ -2,7 +2,7 @@
   <label [class]="model.getItemClassByText(item.itemValue, item.text)" (mousedown)="model.onMouseDown()">
     <input type="radio"
       class="sv-visuallyhidden"
-      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-describedby]="model.ariaDescribedBy"
+      [attr.name]="model.name" [attr.id]="model.getInputId(index)" [value]="item.value" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-errormessage]="model.ariaErrormessage"
       [disabled]="model.isInputReadOnly" [checked]="model.value === item.value" (click)="onClick($event)"
       />
       <span [class]="model.cssClasses.itemText" [model]="item.locText" sv-ng-string></span>
diff --git a/packages/survey-angular-ui/src/components/renderAs/boolean-checkbox/boolean-checkbox.component.html b/packages/survey-angular-ui/src/components/renderAs/boolean-checkbox/boolean-checkbox.component.html
index ee9b689e6b..ebe9c68716 100644
--- a/packages/survey-angular-ui/src/components/renderAs/boolean-checkbox/boolean-checkbox.component.html
+++ b/packages/survey-angular-ui/src/components/renderAs/boolean-checkbox/boolean-checkbox.component.html
@@ -5,7 +5,7 @@
         type="checkbox"
         [value]="model.booleanValue" [class]="model.cssClasses.controlCheckbox" 
         [attr.name]="model.name" [id]="model.inputId" [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel"
-        [attr.aria-invalid]="model.ariaInvalid" [attr.aria-describedby]="model.ariaDescribedBy" [(ngModel)]="model.booleanValue" [value]="model.booleanValue"
+        [attr.aria-invalid]="model.ariaInvalid" [attr.aria-errormessage]="model.ariaErrormessage" [(ngModel)]="model.booleanValue" [value]="model.booleanValue"
         [disabled]="model.isInputReadOnly" [indeterminate]="model.isIndeterminate"
       />
       <span [class]="model.cssClasses.checkboxMaterialDecorator">
@@ -18,6 +18,6 @@
         <sv-ng-element-title-actions [element]="model"></sv-ng-element-title-actions>
       </span>
     </label>
-    <div *ngIf="model.canRenderLabelDescription" [class]="model.cssDescription" [model]="model.locDescription" sv-ng-string></div>
+    <div *ngIf="model.canRenderLabelDescription" [class]="model.cssDescription" [attr.id]="model.ariaDescriptionId" [model]="model.locDescription" sv-ng-string></div>
   </div>
 </div>
\ No newline at end of file
diff --git a/packages/survey-angular-ui/src/components/renderAs/boolean-radio/boolean-radio-item.component.html b/packages/survey-angular-ui/src/components/renderAs/boolean-radio/boolean-radio-item.component.html
index 1232eb9ccc..405acf6030 100644
--- a/packages/survey-angular-ui/src/components/renderAs/boolean-radio/boolean-radio-item.component.html
+++ b/packages/survey-angular-ui/src/components/renderAs/boolean-radio/boolean-radio-item.component.html
@@ -2,7 +2,7 @@
   <label [class]="question.cssClasses.radioLabel">
     <input
       type="radio"
-      [attr.name]="question.name" [attr.aria-describedby]="question.ariaDescribedBy" [value]="value" [(ngModel)]="question.booleanValue"
+      [attr.name]="question.name" [attr.aria-errormessage]="question.ariaErrormessage" [value]="value" [(ngModel)]="question.booleanValue"
       [disabled]="question.isInputReadOnly" [class]="question.cssClasses.itemRadioControl || ''"
     />
     <span *ngIf="question.cssClasses.materialRadioDecorator" [class]="question.cssClasses.materialRadioDecorator"></span>
diff --git a/packages/survey-angular-ui/src/components/renderAs/dropdown-select/dropdown-select.component.html b/packages/survey-angular-ui/src/components/renderAs/dropdown-select/dropdown-select.component.html
index 0e2ab9371d..a25956e7b2 100644
--- a/packages/survey-angular-ui/src/components/renderAs/dropdown-select/dropdown-select.component.html
+++ b/packages/survey-angular-ui/src/components/renderAs/dropdown-select/dropdown-select.component.html
@@ -4,7 +4,7 @@
       [disabled]="model.isInputReadOnly" (click)="click($event)" (keyup)="keyup($event)"
       [class]="model.getControlClass()" [attr.autocomplete]="model.autocomplete" [required]="model.isRequired"
       [attr.aria-required]="model.ariaRequired" [attr.aria-label]="model.ariaLabel"
-      [attr.aria-invalid]="model.ariaInvalid" [attr.aria-describedby]="model.ariaDescribedBy">
+      [attr.aria-invalid]="model.ariaInvalid" [attr.aria-errormessage]="model.ariaErrormessage">
       <option *ngIf="model.allowClear" value="">{{ model.placeholder }}</option>
       <ng-template *ngFor="let item of model.visibleChoices" [component]="{ name: 'sv-dropdown-option-item', data: { item } }"></ng-template>
     </select>
diff --git a/packages/survey-angular-ui/src/components/tagbox/tagbox-filter.component.html b/packages/survey-angular-ui/src/components/tagbox/tagbox-filter.component.html
index 20e51a7338..e7b1300e26 100644
--- a/packages/survey-angular-ui/src/components/tagbox/tagbox-filter.component.html
+++ b/packages/survey-angular-ui/src/components/tagbox/tagbox-filter.component.html
@@ -21,6 +21,7 @@
       [attr.size]="!model.inputStringRendered ? 1 : null"
       [attr.aria-label]="question.a11y_input_ariaLabel"
       [attr.aria-labelledby]="question.a11y_input_ariaLabelledBy"
+      [attr.aria-describedby]="question.a11y_input_ariaDescribedBy"
       [attr.aria-controls]="model.listElementId"
       [attr.aria-expanded]="question.ariaExpanded"
       [attr.aria-activedescendant]="model.ariaActivedescendant"
diff --git a/packages/survey-angular-ui/src/components/tagbox/tagbox.component.html b/packages/survey-angular-ui/src/components/tagbox/tagbox.component.html
index c11e97cbaf..b9c3be1eab 100644
--- a/packages/survey-angular-ui/src/components/tagbox/tagbox.component.html
+++ b/packages/survey-angular-ui/src/components/tagbox/tagbox.component.html
@@ -3,7 +3,7 @@
         [attr.disabled]="model.isInputReadOnly ? true : null" (blur)="blur($event)"
         (keydown)="keyhandler($event)" [attr.id]="model.inputId" [attr.aria-required]="model.ariaRequired"
         [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid"
-        [attr.aria-describedby]="model.ariaDescribedBy" [attr.role]="model.ariaRole"
+        [attr.aria-errormessage]="model.ariaErrormessage" [attr.role]="model.ariaRole"
         [attr.aria-controls]="dropdownModel.listElementId"
         [attr.aria-expanded]="model.ariaExpanded"
         [attr.aria-activedescendant]="dropdownModel.ariaActivedescendant">
diff --git a/packages/survey-angular-ui/src/question.component.html b/packages/survey-angular-ui/src/question.component.html
index 1e68dd4d01..3940566773 100644
--- a/packages/survey-angular-ui/src/question.component.html
+++ b/packages/survey-angular-ui/src/question.component.html
@@ -1,5 +1,5 @@
 <ng-template #template>
-  <div *ngIf="!!model" #elementContainer [class]="model.getRootCss()" [style]="model.getRootStyle()" [id]="model.id" [attr.data-name]="model.name" [attr.role]="model.ariaRole" [attr.aria-required]="model.ariaRequired" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-labelledby]="model.ariaLabelledBy" [attr.aria-expanded]="model.ariaExpanded">
+  <div *ngIf="!!model" #elementContainer [class]="model.getRootCss()" [style]="model.getRootStyle()" [id]="model.id" [attr.data-name]="model.name" [attr.role]="model.ariaRole" [attr.aria-required]="model.ariaRequired" [attr.aria-invalid]="model.ariaInvalid" [attr.aria-labelledby]="model.ariaLabelledBy" [attr.aria-describedby]="model.ariaDescribedBy" [attr.aria-expanded]="model.ariaExpanded">
     <div *ngIf="model.showErrorsAboveQuestion && model.hasVisibleErrors" [element]="model" sv-ng-errors></div>
     <div [element]="model" *ngIf="model.hasTitleOnLeftTop" sv-ng-element-header></div>
     <ng-template [component]="{ name: getQuestionContentWrapperComponentName(), data: getQuestionContentWrapperComponentData() }">
@@ -11,7 +11,7 @@
           <sv-ng-comment [question]="model"></sv-ng-comment>
         </div>
         <div *ngIf="model.showErrorOnBottom && model.hasVisibleErrors" [element]="model" sv-ng-errors></div>
-        <div *ngIf="model.hasDescriptionUnderInput" [class]="model.cssDescription" [model]="model.locDescription" sv-ng-string></div>
+        <div *ngIf="model.hasDescriptionUnderInput" [class]="model.cssDescription" [attr.id]="model.ariaDescriptionId" [model]="model.locDescription" sv-ng-string></div>
       </div>
     </ng-template>
     <div [element]="model" *ngIf="model.hasTitleOnBottom" sv-ng-element-header></div>
diff --git a/packages/survey-angular-ui/src/questions/boolean.component.html b/packages/survey-angular-ui/src/questions/boolean.component.html
index 0f4339f100..ab1c7147e9 100644
--- a/packages/survey-angular-ui/src/questions/boolean.component.html
+++ b/packages/survey-angular-ui/src/questions/boolean.component.html
@@ -7,8 +7,9 @@
         [attr.aria-required]="model.a11y_input_ariaRequired"
         [attr.aria-label]="model.a11y_input_ariaLabel"
         [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy"
-        [attr.aria-invalid]="model.a11y_input_ariaInvalid"
         [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"
+        [attr.aria-invalid]="model.a11y_input_ariaInvalid"
+        [attr.aria-errormessage]="model.a11y_input_ariaErrormessage"
         [class]="model.cssClasses.control" [disabled]="model.isInputReadOnly"  [indeterminate]="model.isIndeterminate" [value]="model.booleanValue" [(ngModel)]="model.booleanValue" />
       <div [class]="model.cssClasses.sliderGhost" (click)="model.onLabelClick($event, model.swapOrder)">
         <span [class]="model.getLabelCss(model.swapOrder)" [model]="model.locLabelLeft" sv-ng-string></span>
diff --git a/packages/survey-angular-ui/src/questions/button-group/button-group-item.component.html b/packages/survey-angular-ui/src/questions/button-group/button-group-item.component.html
index 4da2039153..7060bffd49 100644
--- a/packages/survey-angular-ui/src/questions/button-group/button-group-item.component.html
+++ b/packages/survey-angular-ui/src/questions/button-group/button-group-item.component.html
@@ -1,7 +1,7 @@
 <ng-template #template>
   <label role="radio" [class]="model.css.label" [attr.title]="model.caption.renderedHtml">
     <input type="radio"
-      [attr.name]="model.name" [attr.id]="model.id" [attr.aria-required]="model.isRequired" [attr.aria-label]="model.caption.renderedHtml" role="radio" [attr.aria-invalid]="model.hasErrors" [attr.aria-describedby]="model.describedBy" [disabled]="model.readOnly" [class]="model.css.control" [(ngModel)]="question.renderedValue" [attr.value]="model.value" [value]="model.value"/>
+      [attr.name]="model.name" [attr.id]="model.id" [attr.aria-required]="model.isRequired" [attr.aria-label]="model.caption.renderedHtml" role="radio" [attr.aria-invalid]="model.hasErrors" [attr.aria-errormessage]="model.describedBy" [disabled]="model.readOnly" [class]="model.css.control" [(ngModel)]="question.renderedValue" [attr.value]="model.value" [value]="model.value"/>
     <div data-bind="css: model.css.decorator">
       <svg *ngIf="model.iconName" [iconName]="model.iconName" [size]="model.iconSize" [class]="model.css.icon" sv-ng-svg-icon></svg>
       <span [class]="model.css.caption" *ngIf="model.showCaption" [attr.title]="model.caption.renderedHtml" sv-ng-string [model]="model.caption">
diff --git a/packages/survey-angular-ui/src/questions/comment.component.html b/packages/survey-angular-ui/src/questions/comment.component.html
index 91d1c96143..f9e8f8e7ec 100644
--- a/packages/survey-angular-ui/src/questions/comment.component.html
+++ b/packages/survey-angular-ui/src/questions/comment.component.html
@@ -15,8 +15,9 @@
 [attr.aria-required]="model.a11y_input_ariaRequired"
 [attr.aria-label]="model.a11y_input_ariaLabel"
 [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy"
-[attr.aria-invalid]="model.a11y_input_ariaInvalid"
 [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"
+[attr.aria-invalid]="model.a11y_input_ariaInvalid"
+[attr.aria-errormessage]="model.a11y_input_ariaErrormessage"
 [style.resize]="model.resizeStyle"
 #contentElement></textarea>
 <sv-ng-character-counter *ngIf="!model.isReadOnlyRenderDiv() && model.getMaxLength()" 
diff --git a/packages/survey-angular-ui/src/questions/file.component.html b/packages/survey-angular-ui/src/questions/file.component.html
index 162955e935..2c8c2ab2a9 100644
--- a/packages/survey-angular-ui/src/questions/file.component.html
+++ b/packages/survey-angular-ui/src/questions/file.component.html
@@ -2,7 +2,7 @@
   <input [class]="model.cssClasses.fileInput" *ngIf="!model.isReadOnly && model.hasFileUI" tabindex="-1" type="file"
     [attr.id]="model.inputId" [attr.aria-required]="model.ariaRequired"
     [attr.aria-label]="model.ariaLabel" [attr.aria-invalid]="model.ariaInvalid"
-    [attr.aria-describedby]="model.ariaDescribedBy" [attr.multiple]="model.multipleRendered"
+    [attr.aria-errormessage]="model.ariaErrormessage" [attr.multiple]="model.multipleRendered"
     [attr.title]="model.inputTitle" [attr.accept]="model.acceptedTypes" [attr.capture]="model.renderCapture" />
   <input *ngIf="model.isReadOnly" type="file" disabled [class]="model.getReadOnlyFileCss()" [attr.id]="model.inputId"
     [attr.multiple]="model.multipleRendered" [attr.placeholder]="model.title" style="color: transparent" />
diff --git a/packages/survey-angular-ui/src/questions/imagepicker-item.component.html b/packages/survey-angular-ui/src/questions/imagepicker-item.component.html
index 4a4e6ecac6..0a7105f578 100644
--- a/packages/survey-angular-ui/src/questions/imagepicker-item.component.html
+++ b/packages/survey-angular-ui/src/questions/imagepicker-item.component.html
@@ -1,7 +1,7 @@
 <ng-template #template>
   <div [class]="question.getItemClass(model)">
     <label [class]="question.cssClasses.label">
-        <input [type]="question.inputType" [attr.name]="question.questionName" [attr.value]="model.value" [id]="question.getItemId(model)" [attr.aria-required]="question.ariaRequired" [attr.aria-label]="question.ariaLabel" [attr.aria-invalid]="question.ariaInvalid" [attr.aria-describedby]="question.ariaDescribedBy"
+        <input [type]="question.inputType" [attr.name]="question.questionName" [attr.value]="model.value" [id]="question.getItemId(model)" [attr.aria-required]="question.ariaRequired" [attr.aria-label]="question.ariaLabel" [attr.aria-invalid]="question.ariaInvalid" [attr.aria-errormessage]="question.ariaErrormessage"
         (change)="onChange($event)" [checked]="question.isItemSelected(model)" [disabled]="!question.getItemEnabled(model)" [class]="question.cssClasses.itemControl"
         />
         <div [class]="question.cssClasses.itemDecorator">
diff --git a/packages/survey-angular-ui/src/questions/matrixcell.component.html b/packages/survey-angular-ui/src/questions/matrixcell.component.html
index 0d14248a4a..a25432091c 100644
--- a/packages/survey-angular-ui/src/questions/matrixcell.component.html
+++ b/packages/survey-angular-ui/src/questions/matrixcell.component.html
@@ -11,7 +11,7 @@
     [attr.aria-required]="question.a11y_input_ariaRequired"
     [attr.aria-label]="question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml)"
     [attr.aria-invalid]="question.a11y_input_ariaInvalid"
-    [attr.aria-describedby]="question.a11y_input_ariaDescribedBy"
+    [attr.aria-errormessage]="question.a11y_input_ariaErrormessage"
   />
   <span [class]="question.cssClasses.materialDecorator">
     <svg *ngIf="question.itemSvgIcon" [class]="question.cssClasses.itemDecorator">
diff --git a/packages/survey-angular-ui/src/questions/radiogroup-item.component.html b/packages/survey-angular-ui/src/questions/radiogroup-item.component.html
index a7403c8143..80e2cbe661 100644
--- a/packages/survey-angular-ui/src/questions/radiogroup-item.component.html
+++ b/packages/survey-angular-ui/src/questions/radiogroup-item.component.html
@@ -1,4 +1,4 @@
-<input type="radio" [name]="question.questionName" [attr.name]="question.questionName" [id]="question.getItemId(model)" [attr.aria-describedby]="question.ariaDescribedBy" [class]="question.cssClasses.itemControl"
+<input type="radio" [name]="question.questionName" [attr.name]="question.questionName" [id]="question.getItemId(model)" [attr.aria-errormessage]="question.ariaErrormessage" [class]="question.cssClasses.itemControl"
   [disabled]="!question.getItemEnabled(model)" [(ngModel)]="question.renderedValue" [attr.value]="model.value" [value]="model.value"
 />
 <ng-content></ng-content>
\ No newline at end of file
diff --git a/packages/survey-angular-ui/src/questions/selectbase.component.html b/packages/survey-angular-ui/src/questions/selectbase.component.html
index a04cb20756..70d8b11a28 100644
--- a/packages/survey-angular-ui/src/questions/selectbase.component.html
+++ b/packages/survey-angular-ui/src/questions/selectbase.component.html
@@ -3,8 +3,9 @@
   [attr.aria-required]="model.a11y_input_ariaRequired"
   [attr.aria-label]="model.a11y_input_ariaLabel"
   [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy"
-  [attr.aria-invalid]="model.a11y_input_ariaInvalid"
   [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"
+  [attr.aria-invalid]="model.a11y_input_ariaInvalid"
+  [attr.aria-errormessage]="model.a11y_input_ariaErrormessage"
 >
   <legend *ngIf="showLegend" class="sv-hidden">{{model.locTitle.renderedHtml}}</legend>
   <ng-container *ngIf="model.hasHeadItems">
diff --git a/packages/survey-angular-ui/src/questions/text.component.html b/packages/survey-angular-ui/src/questions/text.component.html
index 817a3262ab..a7b1cf89e9 100644
--- a/packages/survey-angular-ui/src/questions/text.component.html
+++ b/packages/survey-angular-ui/src/questions/text.component.html
@@ -12,7 +12,7 @@
     (keyup)="model.onKeyUp($event)" (keydown)="model.onKeyDown($event)" (blur)="model.onBlur($event)" (focus)="model.onFocus($event)" (compositionupdate)="model.onCompositionUpdate($event)" 
     [attr.size] = "model.renderedInputSize" [attr.maxlength]= "model.getMaxLength()" [attr.min]="model.renderedMin"
     [attr.max]="model.renderedMax" [attr.step]="model.renderedStep" [attr.max]="model.renderedMax" [attr.aria-required]="model.a11y_input_ariaRequired"
-    [attr.aria-label]="model.a11y_input_ariaLabel" [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy" [attr.aria-invalid]="model.a11y_input_ariaInvalid" [attr.aria-describedby]="model.a11y_input_ariaDescribedBy" [attr.autocomplete]="model.autocomplete" #contentElement/>
+    [attr.aria-label]="model.a11y_input_ariaLabel" [attr.aria-labelledby]="model.a11y_input_ariaLabelledBy" [attr.aria-describedby]="model.a11y_input_ariaDescribedBy"[attr.aria-invalid]="model.a11y_input_ariaInvalid" [attr.aria-errormessage]="model.a11y_input_ariaErrormessage" [attr.autocomplete]="model.autocomplete" #contentElement/>
     <sv-ng-character-counter *ngIf="model.getMaxLength()" 
     [counter]="model.characterCounter"
     [remainingCharacterCounter]="model.cssClasses.remainingCharacterCounter">
diff --git a/packages/survey-vue3-ui/src/BooleanCheckbox.vue b/packages/survey-vue3-ui/src/BooleanCheckbox.vue
index 4c7f184a18..0cb7b82429 100644
--- a/packages/survey-vue3-ui/src/BooleanCheckbox.vue
+++ b/packages/survey-vue3-ui/src/BooleanCheckbox.vue
@@ -14,7 +14,7 @@
           :aria-required="question.ariaRequired"
           :aria-label="question.ariaLabel"
           :aria-invalid="question.ariaInvalid"
-          :aria-describedby="question.ariaDescribedBy"
+          :aria-errormessage="question.ariaErrormessage"
         />
         <span :class="question.cssClasses.checkboxMaterialDecorator">
           <svg
@@ -45,6 +45,7 @@
       <div
         v-if="question.canRenderLabelDescription"
         :class="question.cssDescription"
+        :id="question.ariaDescriptionId"
       >
         <survey-string :locString="question.locDescription" />
       </div>
diff --git a/packages/survey-vue3-ui/src/BooleanRadioItem.vue b/packages/survey-vue3-ui/src/BooleanRadioItem.vue
index 5dd9936257..01b2cbe40f 100644
--- a/packages/survey-vue3-ui/src/BooleanRadioItem.vue
+++ b/packages/survey-vue3-ui/src/BooleanRadioItem.vue
@@ -9,7 +9,7 @@
         :name="question.name"
         :value="value"
         :checked="value === question.booleanValueRendered"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :disabled="question.isInputReadOnly"
         :class="question.cssClasses.itemRadioControl"
         @change="handleChange"
diff --git a/packages/survey-vue3-ui/src/BooleanSwitch.vue b/packages/survey-vue3-ui/src/BooleanSwitch.vue
index 1c133cb8bf..6a25377872 100644
--- a/packages/survey-vue3-ui/src/BooleanSwitch.vue
+++ b/packages/survey-vue3-ui/src/BooleanSwitch.vue
@@ -18,8 +18,9 @@
         :aria-required="question.a11y_input_ariaRequired"
         :aria-label="question.a11y_input_ariaLabel"
         :aria-labelledby="question.a11y_input_ariaLabelledBy"
-        :aria-invalid="question.a11y_input_ariaInvalid"
         :aria-describedby="question.a11y_input_ariaDescribedBy"
+        :aria-invalid="question.a11y_input_ariaInvalid"
+        :aria-errormessage="question.a11y_input_ariaErrormessage"
       />
       <div
         :class="question.cssClasses.sliderGhost"
diff --git a/packages/survey-vue3-ui/src/Comment.vue b/packages/survey-vue3-ui/src/Comment.vue
index 376beeb1d1..bb3d087831 100644
--- a/packages/survey-vue3-ui/src/Comment.vue
+++ b/packages/survey-vue3-ui/src/Comment.vue
@@ -25,8 +25,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
     v-bind:style="{ resize: question.resizeStyle }"
   ></textarea>
   <div
@@ -57,8 +58,9 @@
       :aria-required="question.a11y_input_ariaRequired"
       :aria-label="question.a11y_input_ariaLabel"
       :aria-labelledby="question.a11y_input_ariaLabelledBy"
-      :aria-invalid="question.a11y_input_ariaInvalid"
       :aria-describedby="question.a11y_input_ariaDescribedBy"
+      :aria-invalid="question.a11y_input_ariaInvalid"
+      :aria-errormessage="question.a11y_input_ariaErrormessage"
       v-bind:style="{ resize: question.resizeStyle }"
     ></textarea>
     <sv-character-counter
diff --git a/packages/survey-vue3-ui/src/DropdownSelect.vue b/packages/survey-vue3-ui/src/DropdownSelect.vue
index 5385457e8c..a5980ec546 100644
--- a/packages/survey-vue3-ui/src/DropdownSelect.vue
+++ b/packages/survey-vue3-ui/src/DropdownSelect.vue
@@ -12,7 +12,7 @@
         :aria-required="question.ariaRequired"
         :aria-label="question.ariaLabel"
         :aria-invalid="question.ariaInvalid"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :required="question.isRequired"
       >
         <option v-if="question.allowClear" value="">
diff --git a/packages/survey-vue3-ui/src/ElementHeader.vue b/packages/survey-vue3-ui/src/ElementHeader.vue
index 3468bf07a2..119e8c3892 100644
--- a/packages/survey-vue3-ui/src/ElementHeader.vue
+++ b/packages/survey-vue3-ui/src/ElementHeader.vue
@@ -5,6 +5,7 @@
       v-if="element.hasDescriptionUnderTitle"
       v-show="element.hasDescription"
       :class="element.cssDescription"
+      :id="element.ariaDescriptionId"
     >
       <survey-string :locString="element.locDescription" />
     </div>
diff --git a/packages/survey-vue3-ui/src/File.vue b/packages/survey-vue3-ui/src/File.vue
index 46aa2993d0..673229db87 100644
--- a/packages/survey-vue3-ui/src/File.vue
+++ b/packages/survey-vue3-ui/src/File.vue
@@ -9,7 +9,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :multiple="question.allowMultiple"
       v-bind:title="question.inputTitle"
       v-bind:accept="question.acceptedTypes"
diff --git a/packages/survey-vue3-ui/src/ImagepickerItem.vue b/packages/survey-vue3-ui/src/ImagepickerItem.vue
index 8bdf36a63c..24cec18d64 100644
--- a/packages/survey-vue3-ui/src/ImagepickerItem.vue
+++ b/packages/survey-vue3-ui/src/ImagepickerItem.vue
@@ -12,7 +12,7 @@
         v-bind:aria-required="question.ariaRequired"
         :aria-label="question.ariaLabel"
         :aria-invalid="question.ariaInvalid"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :class="question.cssClasses.itemControl"
       />
       <input
@@ -26,7 +26,7 @@
         v-bind:aria-required="question.ariaRequired"
         :aria-label="question.ariaLabel"
         :aria-invalid="question.ariaInvalid"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :class="question.cssClasses.itemControl"
       />
       <div :class="question.cssClasses.itemDecorator">
diff --git a/packages/survey-vue3-ui/src/MatrixCell.vue b/packages/survey-vue3-ui/src/MatrixCell.vue
index bab3e8dd57..2348d5fa3a 100644
--- a/packages/survey-vue3-ui/src/MatrixCell.vue
+++ b/packages/survey-vue3-ui/src/MatrixCell.vue
@@ -19,7 +19,7 @@
         )
       "
       :aria-invalid="question.a11y_input_ariaInvalid"
-      :aria-describedby="question.a11y_input_ariaDescribedBy"
+      :aria-errormessage="question.a11y_input_ariaErrormessage"
     />
     <span :class="question.cssClasses.materialDecorator">
       <svg
diff --git a/packages/survey-vue3-ui/src/Question.vue b/packages/survey-vue3-ui/src/Question.vue
index fd98da2725..d7ecf78271 100644
--- a/packages/survey-vue3-ui/src/Question.vue
+++ b/packages/survey-vue3-ui/src/Question.vue
@@ -9,6 +9,7 @@
     :aria-required="element.ariaRequired"
     :aria-invalid="element.ariaInvalid"
     :aria-labelledby="element.ariaLabelledBy"
+    :aria-describedby="element.ariaDescribedBy"
     :aria-expanded="
       element.ariaExpanded === null
         ? undefined
@@ -57,6 +58,7 @@
         <div
           v-if="element.hasDescriptionUnderInput"
           :class="element.cssClasses.descriptionUnderInput"
+          :id="element.ariaDescriptionId"
         >
           <survey-string :locString="element.locDescription" />
         </div>
diff --git a/packages/survey-vue3-ui/src/RadiogroupItem.vue b/packages/survey-vue3-ui/src/RadiogroupItem.vue
index 5a8efae3da..44bc9a604d 100644
--- a/packages/survey-vue3-ui/src/RadiogroupItem.vue
+++ b/packages/survey-vue3-ui/src/RadiogroupItem.vue
@@ -6,7 +6,7 @@
         :name="question.questionName"
         :value="item.value"
         :id="question.getItemId(item)"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         v-model="renderedValue"
         :disabled="!question.getItemEnabled(item)"
         :class="question.cssClasses.itemControl"
diff --git a/packages/survey-vue3-ui/src/SelectBase.vue b/packages/survey-vue3-ui/src/SelectBase.vue
index 6c5e6a929a..46dd48bfbc 100644
--- a/packages/survey-vue3-ui/src/SelectBase.vue
+++ b/packages/survey-vue3-ui/src/SelectBase.vue
@@ -6,8 +6,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
   >
     <legend v-if="showLegend" class="sv-hidden">
       {{ question.locTitle.renderedHtml }}
diff --git a/packages/survey-vue3-ui/src/TextInput.vue b/packages/survey-vue3-ui/src/TextInput.vue
index 54bc839ebf..0669b69207 100644
--- a/packages/survey-vue3-ui/src/TextInput.vue
+++ b/packages/survey-vue3-ui/src/TextInput.vue
@@ -24,8 +24,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
   />
   <div v-else>
     <input
@@ -52,8 +53,9 @@
       :aria-required="question.a11y_input_ariaRequired"
       :aria-label="question.a11y_input_ariaLabel"
       :aria-labelledby="question.a11y_input_ariaLabelledBy"
-      :aria-invalid="question.a11y_input_ariaInvalid"
       :aria-describedby="question.a11y_input_ariaDescribedBy"
+      :aria-invalid="question.a11y_input_ariaInvalid"
+      :aria-errormessage="question.a11y_input_ariaErrormessage"
     />
     <sv-character-counter
       :counter="question.characterCounter"
diff --git a/packages/survey-vue3-ui/src/buttongroup/ButtonGroupItem.vue b/packages/survey-vue3-ui/src/buttongroup/ButtonGroupItem.vue
index 9d2f4bfde5..e95f63b012 100644
--- a/packages/survey-vue3-ui/src/buttongroup/ButtonGroupItem.vue
+++ b/packages/survey-vue3-ui/src/buttongroup/ButtonGroupItem.vue
@@ -12,7 +12,7 @@
       :aria-label="model.caption.renderedHtml"
       role="radio"
       :aria-invalid="model.hasErrors"
-      :aria-describedby="model.describedBy"
+      :aria-errormessage="model.describedBy"
       :disabled="model.readOnly"
       :class="model.css.control"
       v-model="renderedValue"
diff --git a/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue b/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue
index 16969ccec9..121510a605 100644
--- a/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue
+++ b/packages/survey-vue3-ui/src/components/dropdown/Dropdown.vue
@@ -12,7 +12,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :aria-expanded="
         question.ariaExpanded === null
           ? undefined
@@ -66,6 +66,7 @@
           :aria-controls="model.listElementId"
           :aria-label="question.a11y_input_ariaLabel"
           :aria-labelledby="question.a11y_input_ariaLabelledBy"
+          :aria-describedby="question.a11y_input_ariaDescribedBy"
           :aria-activedescendant="model.ariaActivedescendant"
           :placeholder="model.placeholderRendered"
           @input="inputChange"
diff --git a/packages/survey-vue3-ui/src/components/rating/RatingItem.vue b/packages/survey-vue3-ui/src/components/rating/RatingItem.vue
index 93ab42aca9..63de5eed12 100644
--- a/packages/survey-vue3-ui/src/components/rating/RatingItem.vue
+++ b/packages/survey-vue3-ui/src/components/rating/RatingItem.vue
@@ -15,7 +15,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
     />
     <span :class="question.cssClasses.itemText">
       <survey-string :locString="item.locText" />
diff --git a/packages/survey-vue3-ui/src/components/rating/RatingItemSmiley.vue b/packages/survey-vue3-ui/src/components/rating/RatingItemSmiley.vue
index 9e8fda04fa..128e69bfb5 100644
--- a/packages/survey-vue3-ui/src/components/rating/RatingItemSmiley.vue
+++ b/packages/survey-vue3-ui/src/components/rating/RatingItemSmiley.vue
@@ -18,7 +18,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
     />
     <sv-svg-icon
       :iconName="question.getItemSmileyIconName(item.itemValue)"
diff --git a/packages/survey-vue3-ui/src/components/rating/RatingItemStar.vue b/packages/survey-vue3-ui/src/components/rating/RatingItemStar.vue
index 741beffc07..e60f6a40b0 100644
--- a/packages/survey-vue3-ui/src/components/rating/RatingItemStar.vue
+++ b/packages/survey-vue3-ui/src/components/rating/RatingItemStar.vue
@@ -17,7 +17,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
     />
     <sv-svg-icon
       :class="'sv-star'"
diff --git a/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue b/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue
index 9d96e96220..fefedd1ba7 100644
--- a/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue
+++ b/packages/survey-vue3-ui/src/components/tagbox/Tagbox.vue
@@ -12,7 +12,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :aria-expanded="
         question.ariaExpanded === null
           ? undefined
diff --git a/packages/survey-vue3-ui/src/components/tagbox/TagboxFilter.vue b/packages/survey-vue3-ui/src/components/tagbox/TagboxFilter.vue
index af91db5108..9fdc5b1018 100644
--- a/packages/survey-vue3-ui/src/components/tagbox/TagboxFilter.vue
+++ b/packages/survey-vue3-ui/src/components/tagbox/TagboxFilter.vue
@@ -30,6 +30,7 @@
         :aria-controls="model.listElementId"
         :aria-label="question.a11y_input_ariaLabel"
         :aria-labelledby="question.a11y_input_ariaLabelledBy"
+        :aria-describedby="question.a11y_input_ariaDescribedBy"
         :aria-activedescendant="model.ariaActivedescendant"
         :id="question.getInputId()"
         :readonly="model.filterReadOnly ? true : undefined"
diff --git a/src/knockout/components/boolean-checkbox/boolean-checkbox.html b/src/knockout/components/boolean-checkbox/boolean-checkbox.html
index 857a8466b9..9cb4f8bfe6 100644
--- a/src/knockout/components/boolean-checkbox/boolean-checkbox.html
+++ b/src/knockout/components/boolean-checkbox/boolean-checkbox.html
@@ -3,7 +3,7 @@
     <label data-bind="css: question.cssClasses.checkboxLabel">
       <input
         type="checkbox"
-        data-bind="value: question.booleanValue, css: question.cssClasses.controlCheckbox, attr: {name: question.name, id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
+        data-bind="value: question.booleanValue, css: question.cssClasses.controlCheckbox, attr: {name: question.name, id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
       />
       <span data-bind="css: question.cssClasses.checkboxMaterialDecorator">
         <!-- ko if: question.svgIcon -->
@@ -20,7 +20,7 @@
       </span>
     </label>
     <!-- ko if: question.canRenderLabelDescription -->
-    <div data-bind="css: question.cssDescription">
+    <div data-bind="css: question.cssDescription, attr: {'id': question.ariaDescriptionId}">
       <!-- ko template: { name: 'survey-string', data: question.locDescription } -->
       <!-- /ko -->
     </div>
diff --git a/src/knockout/components/boolean-radio/boolean-radio-item.html b/src/knockout/components/boolean-radio/boolean-radio-item.html
index f25f27d935..7a59c525f0 100644
--- a/src/knockout/components/boolean-radio/boolean-radio-item.html
+++ b/src/knockout/components/boolean-radio/boolean-radio-item.html
@@ -2,7 +2,7 @@
     <label data-bind="css: question.cssClasses.radioLabel">
       <input
         type="radio"
-        data-bind="event: { change: handleChange }, attr: { name: question.name, 'aria-describedby': question.ariaDescribedBy, value: ''+$data.value, checked: $data.value === question.booleanValue }, enable: !question.isInputReadOnly, css: question.cssClasses.itemRadioControl"
+        data-bind="event: { change: handleChange }, attr: { name: question.name, 'aria-errormessage': question.ariaErrormessage, value: ''+$data.value, checked: $data.value === question.booleanValue }, enable: !question.isInputReadOnly, css: question.cssClasses.itemRadioControl"
       />
       <!-- ko if: question.cssClasses.materialRadioDecorator -->
       <span data-bind="css: question.cssClasses.materialRadioDecorator">
diff --git a/src/knockout/components/button-group/button-group-item.html b/src/knockout/components/button-group/button-group-item.html
index 7db0775d95..49bd937efe 100644
--- a/src/knockout/components/button-group/button-group-item.html
+++ b/src/knockout/components/button-group/button-group-item.html
@@ -1,6 +1,6 @@
 <label role="radio" data-bind="css: model.css.label, attr: { title: model.caption.koRenderedHtml }">
   <input type="radio"
-    data-bind="attr: { name: model.name, id: model.id, 'aria-required': model.isRequired, 'aria-label': model.caption.koRenderedHtml, role: 'radio', 'aria-invalid': model.hasErrors, 'aria-describedby': model.describeBy}, checkedValue: model.value, checked: model.question.renderedValue, disable: model.readOnly, css: model.css.control" />
+    data-bind="attr: { name: model.name, id: model.id, 'aria-required': model.isRequired, 'aria-label': model.caption.koRenderedHtml, role: 'radio', 'aria-invalid': model.hasErrors, 'aria-errormessage': model.describeBy}, checkedValue: model.value, checked: model.question.renderedValue, disable: model.readOnly, css: model.css.control" />
   <div data-bind="css: model.css.decorator">
     <!-- ko if: !!model.iconName-->
     <sv-svg-icon data-bind="css: model.css.icon" params="iconName: model.iconName, size: model.iconSize"></sv-svg-icon>
diff --git a/src/knockout/components/dropdown-select/dropdown-select.html b/src/knockout/components/dropdown-select/dropdown-select.html
index cbcadb3911..869f57bf9d 100644
--- a/src/knockout/components/dropdown-select/dropdown-select.html
+++ b/src/knockout/components/dropdown-select/dropdown-select.html
@@ -6,7 +6,7 @@
     optionsText: 'koText', 
     optionsCaption: question.allowClear ? question.locPlaceholder.koRenderedHtml : undefined, 
     optionsAfterRender: question.koDisableOption, 
-    attr: {id: question.inputId, autocomplete: question.autocomplete, required: question.isRequired, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy},
+    attr: {id: question.inputId, autocomplete: question.autocomplete, required: question.isRequired, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage},
     click: click,
     event: { keyup: keyup },
     disable: question.isInputReadOnly, 
diff --git a/src/knockout/components/dropdown/dropdown.html b/src/knockout/components/dropdown/dropdown.html
index 5890a87c13..387380e1e6 100644
--- a/src/knockout/components/dropdown/dropdown.html
+++ b/src/knockout/components/dropdown/dropdown.html
@@ -11,7 +11,7 @@
       'aria-required': question.ariaRequired, 
       'aria-label': question.ariaLabel, 
       'aria-invalid': question.ariaInvalid, 
-      'aria-describedby': question.ariaDescribedBy,
+      'aria-errormessage': question.ariaErrormessage,
       'aria-expanded': question.ariaExpanded,
       'aria-controls': model.listElementId,
       'aria-activedescendant': model.ariaActivedescendant,
@@ -45,6 +45,7 @@
         'aria-activedescendant': model.ariaActivedescendant,
         'aria-label': question.a11y_input_ariaLabel,
         'aria-labelledby': question.a11y_input_ariaLabelledBy,
+        'aria-describedby': question.a11y_input_ariaDescribedBy,
         placeholder: model.placeholderRendered, 
         readonly: model.filterReadOnly || undefined, 
         role: model.filterStringEnabled ? question.ariaRole : undefined,
diff --git a/src/knockout/components/rating/rating-item-smiley.html b/src/knockout/components/rating/rating-item-smiley.html
index ceb3f012f0..79fbb8d9c8 100644
--- a/src/knockout/components/rating/rating-item-smiley.html
+++ b/src/knockout/components/rating/rating-item-smiley.html
@@ -2,7 +2,7 @@
   <input
   type="radio"
   class="sv-visuallyhidden"
-  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
+  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
   />
   <!-- ko component: { name: 'sv-svg-icon', params: { iconName: question.getItemSmileyIconName(item.itemValue), size: 'auto', title: item.text } } --><!-- /ko -->
 </label>
\ No newline at end of file
diff --git a/src/knockout/components/rating/rating-item-star.html b/src/knockout/components/rating/rating-item-star.html
index c659bda1cb..e2f6fc626e 100644
--- a/src/knockout/components/rating/rating-item-star.html
+++ b/src/knockout/components/rating/rating-item-star.html
@@ -2,7 +2,7 @@
   <input
   type="radio"
   class="sv-visuallyhidden"
-  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
+  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
   />
   <!-- ko component: { name: 'sv-svg-icon', params: { css: 'sv-star', iconName: question.itemStarIcon, size: 'auto', title: item.text } } --><!-- /ko -->
   <!-- ko component: { name: 'sv-svg-icon', params: { css: 'sv-star-2', iconName: question.itemStarIconAlt, size: 'auto', title: item.text } } --><!-- /ko -->
diff --git a/src/knockout/components/rating/rating-item.html b/src/knockout/components/rating/rating-item.html
index 6300579721..b282a7de3b 100644
--- a/src/knockout/components/rating/rating-item.html
+++ b/src/knockout/components/rating/rating-item.html
@@ -2,7 +2,7 @@
   <input
   type="radio"
   class="sv-visuallyhidden"
-  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
+  data-bind="attr: { name: question.name, id: question.getInputId(index), value: item.value, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage }, checkedValue: item.value, enable: !question.isInputReadOnly, event: { click: function(data, event) { question.setValueFromClick(event.target.value); return true; } }"
   />
   <span data-bind="css: question.cssClasses.itemText">
   <!-- ko template: { name: 'survey-string', data: item.locText } -->
diff --git a/src/knockout/components/tagbox/tagbox.html b/src/knockout/components/tagbox/tagbox.html
index 89da45401b..3f64f66f77 100644
--- a/src/knockout/components/tagbox/tagbox.html
+++ b/src/knockout/components/tagbox/tagbox.html
@@ -11,7 +11,7 @@
       'aria-required': question.ariaRequired, 
       'aria-label': question.ariaLabel, 
       'aria-invalid': question.ariaInvalid, 
-      'aria-describedby': question.ariaDescribedBy,
+      'aria-errormessage': question.ariaErrormessage,
       'aria-expanded': question.ariaExpanded,
       'aria-controls': model.listElementId,
       'aria-activedescendant': model.ariaActivedescendant, 
@@ -46,6 +46,7 @@
             'aria-activedescendant': model.ariaActivedescendant,
             'aria-label': question.a11y_input_ariaLabel,
             'aria-labelledby': question.a11y_input_ariaLabelledBy,
+            'aria-describedby': question.a11y_input_ariaDescribedBy,
             placeholder: model.filterStringPlaceholder, 
             disabled: question.isInputReadOnly,
             readonly: model.filterReadOnly
diff --git a/src/knockout/templates/question-boolean.html b/src/knockout/templates/question-boolean.html
index e615fc0f32..7bdef06559 100644
--- a/src/knockout/templates/question-boolean.html
+++ b/src/knockout/templates/question-boolean.html
@@ -3,7 +3,7 @@
     <label data-bind="css: question.getItemCss()">
       <input
         type="checkbox"
-        data-bind="value: question.booleanValue, css: question.cssClasses.control, attr: {name: question.name, id: question.inputId, 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-label': question.a11y_input_ariaLabel}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
+        data-bind="value: question.booleanValue, css: question.cssClasses.control, attr: {name: question.name, id: question.inputId, 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, 'aria-label': question.a11y_input_ariaLabel}, checked: question.booleanValue, surveyProp: {indeterminate: question.isIndeterminate}, enable: !question.isInputReadOnly"
       />
       <div data-bind="css: question.cssClasses.sliderGhost, click: onFalseLabelClick">
         <span data-bind="css: question.getLabelCss(swapOrder)">
diff --git a/src/knockout/templates/question-checkbox.html b/src/knockout/templates/question-checkbox.html
index 9151404119..9067cae4a8 100644
--- a/src/knockout/templates/question-checkbox.html
+++ b/src/knockout/templates/question-checkbox.html
@@ -1,5 +1,5 @@
 <script type="text/html" id="survey-question-checkbox">
-  <fieldset data-bind="css: question.getSelectBaseRootCss(), attr: { 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-label': question.a11y_input_ariaLabel }">
+  <fieldset data-bind="css: question.getSelectBaseRootCss(), attr: { 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, 'aria-label': question.a11y_input_ariaLabel }">
       <legend data-bind="text: question.locTitle.renderedHtml" class="sv-hidden"></legend>
       <!-- ko if: question.hasHeadItems  -->
         <!-- ko foreach: { data: question.headItems, as: 'item', afterRender: question.koAfterRender }  -->
diff --git a/src/knockout/templates/question-comment.html b/src/knockout/templates/question-comment.html
index 192c6ca1bd..44ae2f9664 100644
--- a/src/knockout/templates/question-comment.html
+++ b/src/knockout/templates/question-comment.html
@@ -1,6 +1,6 @@
 <script type="text/html" id="survey-question-comment">
 <!--ko if: !question.isReadOnlyRenderDiv() -->
-<textarea data-bind="attr: {'readonly': question.renderedInputReadOnly, 'disabled': question.renderedInputDisabled, maxLength: question.getMaxLength(), cols: question.cols, rows: question.rows, id: question.inputId, placeholder: question.renderedPlaceholder, 'aria-required': question.a11y_input_ariaRequired, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy}, 
+<textarea data-bind="attr: {'readonly': question.renderedInputReadOnly, 'disabled': question.renderedInputDisabled, maxLength: question.getMaxLength(), cols: question.cols, rows: question.rows, id: question.inputId, placeholder: question.renderedPlaceholder, 'aria-required': question.a11y_input_ariaRequired, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage}, 
   event: { input: function(s, e) { question.onInput(e); }, keydown: function(s, e) { question.onKeyDown(e); return true; } }, 
   value: question.value, 
   style: { resize: question.resizeStyle },
diff --git a/src/knockout/templates/question-file.html b/src/knockout/templates/question-file.html
index 2fbc45acd0..690025cf21 100644
--- a/src/knockout/templates/question-file.html
+++ b/src/knockout/templates/question-file.html
@@ -2,7 +2,7 @@
   <div data-bind="css: question.fileRootCss">
         <!-- ko ifnot: question.isInputReadOnly -->
           <!-- ko if: question.hasFileUI -->
-          <input type="file" tabindex="-1" data-bind="css: question.cssClasses.fileInput, attr: { id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy, multiple: question.allowMultiple ? 'multiple' : undefined, title: koInputTitle, accept: question.acceptedTypes, capture: question.renderCapture }">
+          <input type="file" tabindex="-1" data-bind="css: question.cssClasses.fileInput, attr: { id: question.inputId, 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage, multiple: question.allowMultiple ? 'multiple' : undefined, title: koInputTitle, accept: question.acceptedTypes, capture: question.renderCapture }">
           <!-- /ko -->
         <!-- /ko -->
         <!-- ko if: question.isReadOnly -->
diff --git a/src/knockout/templates/question-imagepicker.html b/src/knockout/templates/question-imagepicker.html
index b2a846fcf7..66f1241fa6 100644
--- a/src/knockout/templates/question-imagepicker.html
+++ b/src/knockout/templates/question-imagepicker.html
@@ -22,7 +22,7 @@
 <script type="text/html" id="survey-imagepicker-item">
     <div data-bind="css: question.koGetItemClass(item)">
         <label data-bind="css: question.cssClasses.label">
-            <input data-bind="attr: {type: question.inputType, name: question.questionName, value: item.value, id: question.getItemId(item), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-describedby': question.ariaDescribedBy}, checked: question.koValue, enable: question.getItemEnabled(item), css: question.cssClasses.itemControl"
+            <input data-bind="attr: {type: question.inputType, name: question.questionName, value: item.value, id: question.getItemId(item), 'aria-required': question.ariaRequired, 'aria-label': question.ariaLabel, 'aria-invalid': question.ariaInvalid, 'aria-errormessage': question.ariaErrormessage}, checked: question.koValue, enable: question.getItemEnabled(item), css: question.cssClasses.itemControl"
             />
             <div data-bind="css: question.cssClasses.itemDecorator">
                 <div data-bind="css: question.cssClasses.imageContainer">
diff --git a/src/knockout/templates/question-matrix.html b/src/knockout/templates/question-matrix.html
index 42e3ea5cd6..b9b9c750fb 100644
--- a/src/knockout/templates/question-matrix.html
+++ b/src/knockout/templates/question-matrix.html
@@ -64,7 +64,7 @@
   <label data-bind="css: question.getItemClass(row, column), event: { mousedown: question.koMouseDown }" >
     <input
       type="radio"
-      data-bind="css: question.cssClasses.itemValue, attr: { name: row.fullName, 'aria-required': question.a11y_input_ariaRequired, 'aria-label': question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml), 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy, id: question.inputId + '_' + row.name + '_' + $index() }, checkedValue: column.value, checked: row.value, enable: !row.isReadOnly"
+      data-bind="css: question.cssClasses.itemValue, attr: { name: row.fullName, 'aria-required': question.a11y_input_ariaRequired, 'aria-label': question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml), 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, id: question.inputId + '_' + row.name + '_' + $index() }, checkedValue: column.value, checked: row.value, enable: !row.isReadOnly"
     />
     <span data-bind="css: question.cssClasses.materialDecorator">
         <!-- ko if: question.itemSvgIcon -->
diff --git a/src/knockout/templates/question-radiogroup.html b/src/knockout/templates/question-radiogroup.html
index 42c9ad54b2..8262e068fd 100644
--- a/src/knockout/templates/question-radiogroup.html
+++ b/src/knockout/templates/question-radiogroup.html
@@ -1,6 +1,6 @@
 <script type="text/html" id="survey-question-radiogroup">
 
-  <fieldset data-bind="css: question.getSelectBaseRootCss(), attr: { 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-label': question.a11y_input_ariaLabel }">
+  <fieldset data-bind="css: question.getSelectBaseRootCss(), attr: { 'role': question.a11y_input_ariaRole, 'aria-required': question.a11y_input_ariaRequired, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, 'aria-label': question.a11y_input_ariaLabel }">
     <!-- ko ifnot: question.hasColumns -->
       <!-- ko if: question.blockedRow -->
       <div data-bind="css: question.cssClasses.rootRow">
@@ -55,7 +55,7 @@
     <label data-bind="css: question.getLabelClass($data), event: { mousedown: question.koMouseDown }">
       <input
         type="radio"
-        data-bind="attr: { name: question.questionName, id: question.getItemId($data), 'aria-describedby': question.ariaDescribedBy }, checkedValue: $data.value, checked: question.renderedValue, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"
+        data-bind="attr: { name: question.questionName, id: question.getItemId($data), 'aria-errormessage': question.ariaErrormessage }, checkedValue: $data.value, checked: question.renderedValue, enable: question.getItemEnabled($data), css: question.cssClasses.itemControl"
       />
       <!-- ko if: question.cssClasses.materialDecorator -->
       <span data-bind="css: question.cssClasses.materialDecorator">
diff --git a/src/knockout/templates/question-text.html b/src/knockout/templates/question-text.html
index 1ff061ea3a..adc6b58f26 100644
--- a/src/knockout/templates/question-text.html
+++ b/src/knockout/templates/question-text.html
@@ -20,7 +20,7 @@
   <input
   data-bind="disable: question.isInputReadOnly, 
     style: question.inputStyle, 
-    attr: { type: question.inputType, size: question.renderedInputSize, id: question.inputId, placeholder: question.renderedPlaceholder, maxLength: question.getMaxLength(), min: question.renderedMin, max: question.renderedMax, step: question.renderedStep, 'aria-required': question.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-describedby': question.a11y_input_ariaDescribedBy, autocomplete: question.autocomplete, list:question.dataListId }, 
+    attr: { type: question.inputType, size: question.renderedInputSize, id: question.inputId, placeholder: question.renderedPlaceholder, maxLength: question.getMaxLength(), min: question.renderedMin, max: question.renderedMax, step: question.renderedStep, 'aria-required': question.a11y_input_ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-label': question.a11y_input_ariaLabel, 'aria-labelledby': question.a11y_input_ariaLabelledBy, 'aria-describedby': question.a11y_input_ariaDescribedBy, 'aria-invalid': question.a11y_input_ariaInvalid, 'aria-errormessage': question.a11y_input_ariaErrormessage, autocomplete: question.autocomplete, list:question.dataListId }, 
     event: { keydown: koOnKeyDown, keyup: koOnKeyUp, change: koOnChange, compositionupdate: koOnCompositeUpdate, blur: koOnBlur, focus: koOnFocus },
     value: question.koReadOnlyValue,
     css: question.getControlClass()"/>
diff --git a/src/knockout/templates/question.html b/src/knockout/templates/question.html
index 98a0616081..e1cb843bcf 100644
--- a/src/knockout/templates/question.html
+++ b/src/knockout/templates/question.html
@@ -1,5 +1,5 @@
 <script type="text/html" id="survey-question">
-<div data-bind="css: question.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-expanded': question.ariaExpanded}">
+<div data-bind="css: question.getRootCss(), style: question.getRootStyle(), attr: { id: question.id, 'data-name': question.name, role: question.ariaRole, 'aria-required': question.ariaRequired, 'aria-invalid': question.ariaInvalid, 'aria-labelledby': question.ariaLabelledBy, 'aria-describedby':question.ariaDescribedBy, 'aria-expanded': question.ariaExpanded}">
   <!-- ko if: question.showErrorsAboveQuestion -->
     <!-- ko template: { name: 'survey-question-errors', data: question } -->
     <!-- /ko -->
diff --git a/src/knockout/templates/questioncontent.html b/src/knockout/templates/questioncontent.html
index 88bba0bf6f..9522933260 100644
--- a/src/knockout/templates/questioncontent.html
+++ b/src/knockout/templates/questioncontent.html
@@ -27,7 +27,7 @@
     <!-- /ko -->
   <!-- /ko -->
   <!-- ko if: question.hasDescriptionUnderInput -->
-  <div data-bind="css: cssClasses.descriptionUnderInput">
+  <div data-bind="css: cssClasses.descriptionUnderInput, attr: {'id': question.ariaDescriptionId}">
     <!-- ko template: { name: 'survey-string', data: locDescription } -->
     <!-- /ko -->
   </div>
diff --git a/src/knockout/templates/questiontitle.html b/src/knockout/templates/questiontitle.html
index 68a07eb96d..53192824ba 100644
--- a/src/knockout/templates/questiontitle.html
+++ b/src/knockout/templates/questiontitle.html
@@ -2,7 +2,7 @@
   <div data-bind="css: question.cssHeader, click: function(m, e) { if(question.clickTitleFunction) return question.clickTitleFunction(e); }">
     <!-- ko component: { name: 'survey-element-title', params: { element: $data } } --><!-- /ko -->
     <!-- ko if: $data.hasDescriptionUnderTitle -->
-    <div data-bind="css: $data.cssDescription, visible: $data.hasDescription">
+    <div data-bind="css: $data.cssDescription, visible: $data.hasDescription, attr: {'id': $data.ariaDescriptionId}">
       <!-- ko template: { name: 'survey-string', data: $data.locDescription } --><!-- /ko -->
     </div>
     <!-- /ko -->
diff --git a/src/question.ts b/src/question.ts
index 3f8541ee9b..5e032903bf 100644
--- a/src/question.ts
+++ b/src/question.ts
@@ -1303,6 +1303,9 @@ export class Question extends SurveyElement<Question>
   public get ariaTitleId(): string {
     return this.id + "_ariaTitle";
   }
+  public get ariaDescriptionId(): string {
+    return this.id + "_ariaDescription";
+  }
   public get commentId(): string {
     return this.id + "_comment";
   }
@@ -2610,10 +2613,19 @@ export class Question extends SurveyElement<Question>
       return null;
     }
   }
+  public get ariaDescribedBy(): string {
+    if (this.isNewA11yStructure) return null;
+
+    if (this.hasTitle) {
+      return this.ariaDescriptionId;
+    } else {
+      return null;
+    }
+  }
   public get ariaExpanded(): string {
     return null;
   }
-  public get ariaDescribedBy(): string {
+  public get ariaErrormessage(): string {
     if (this.isNewA11yStructure) return null;
 
     return this.hasCssError() ? this.id + "_errors" : null;
@@ -2645,6 +2657,13 @@ export class Question extends SurveyElement<Question>
     }
   }
   public get a11y_input_ariaDescribedBy(): string {
+    if (this.hasTitle && !this.parentQuestion) {
+      return this.ariaDescriptionId;
+    } else {
+      return null;
+    }
+  }
+  public get a11y_input_ariaErrormessage(): string {
     return this.hasCssError() ? this.id + "_errors" : null;
   }
   //EO new a11y
diff --git a/src/question_multipletext.ts b/src/question_multipletext.ts
index 9b31a1e64c..8abc675d42 100644
--- a/src/question_multipletext.ts
+++ b/src/question_multipletext.ts
@@ -38,6 +38,10 @@ export class MultipleTextEditorModel extends QuestionTextModel {
   public get a11y_input_ariaLabelledBy(): string {
     return null;
   }
+
+  public get a11y_input_ariaDescribedBy(): string {
+    return null;
+  }
 }
 
 /**
diff --git a/src/react/boolean-checkbox.tsx b/src/react/boolean-checkbox.tsx
index e14e16ba14..9c766c09eb 100644
--- a/src/react/boolean-checkbox.tsx
+++ b/src/react/boolean-checkbox.tsx
@@ -35,7 +35,7 @@ export class SurveyQuestionBooleanCheckbox extends SurveyQuestionBoolean {
               aria-required={this.question.ariaRequired}
               aria-label={this.question.ariaLabel}
               aria-invalid={this.question.ariaInvalid}
-              aria-describedby={this.question.ariaDescribedBy}
+              aria-errormessage={this.question.ariaErrormessage}
             />
             <span className={cssClasses.checkboxMaterialDecorator}>
               {this.question.svgIcon ?
diff --git a/src/react/boolean-radio.tsx b/src/react/boolean-radio.tsx
index 3031fe247a..7e0c60a8fd 100644
--- a/src/react/boolean-radio.tsx
+++ b/src/react/boolean-radio.tsx
@@ -16,7 +16,7 @@ export class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
             type="radio"
             name = { this.question.name }
             value = { value }
-            aria-describedby = { this.question.ariaDescribedBy }
+            aria-errormessage = { this.question.ariaErrormessage }
             checked={value === this.question.booleanValueRendered}
             disabled = { this.question.isInputReadOnly }
             className = { cssClasses.itemRadioControl }
diff --git a/src/react/boolean.tsx b/src/react/boolean.tsx
index d74f60ed27..c95aeef373 100644
--- a/src/react/boolean.tsx
+++ b/src/react/boolean.tsx
@@ -77,8 +77,9 @@ export class SurveyQuestionBoolean extends SurveyQuestionElementBase {
             aria-required={this.question.a11y_input_ariaRequired}
             aria-label={this.question.a11y_input_ariaLabel}
             aria-labelledby={this.question.a11y_input_ariaLabelledBy}
-            aria-invalid={this.question.a11y_input_ariaInvalid}
             aria-describedby={this.question.a11y_input_ariaDescribedBy}
+            aria-invalid={this.question.a11y_input_ariaInvalid}
+            aria-errormessage={this.question.a11y_input_ariaErrormessage}
           />
           <div className={cssClasses.sliderGhost} onClick={(event) => this.handleOnLabelClick(event, this.question.swapOrder)}>
             <span className={this.question.getLabelCss(this.question.swapOrder)}>
diff --git a/src/react/components/rating/rating-item-smiley.tsx b/src/react/components/rating/rating-item-smiley.tsx
index ae14b76cf0..0ef4be0300 100644
--- a/src/react/components/rating/rating-item-smiley.tsx
+++ b/src/react/components/rating/rating-item-smiley.tsx
@@ -28,7 +28,7 @@ export class RatingItemSmiley extends RatingItemBase {
           aria-required={this.question.ariaRequired}
           aria-label={this.question.ariaLabel}
           aria-invalid={this.question.ariaInvalid}
-          aria-describedby={this.question.ariaDescribedBy}
+          aria-errormessage={this.question.ariaErrormessage}
         />
         <SvgIcon
           size={"auto"}
diff --git a/src/react/components/rating/rating-item-star.tsx b/src/react/components/rating/rating-item-star.tsx
index c1e059d659..98bd4e0888 100644
--- a/src/react/components/rating/rating-item-star.tsx
+++ b/src/react/components/rating/rating-item-star.tsx
@@ -27,7 +27,7 @@ export class RatingItemStar extends RatingItemBase {
           aria-required={this.question.ariaRequired}
           aria-label={this.question.ariaLabel}
           aria-invalid={this.question.ariaInvalid}
-          aria-describedby={this.question.ariaDescribedBy}
+          aria-errormessage={this.question.ariaErrormessage}
         />
         <SvgIcon
           className={"sv-star"}
diff --git a/src/react/components/rating/rating-item.tsx b/src/react/components/rating/rating-item.tsx
index 5626444202..45472bbe7e 100644
--- a/src/react/components/rating/rating-item.tsx
+++ b/src/react/components/rating/rating-item.tsx
@@ -51,7 +51,7 @@ export class RatingItem extends RatingItemBase {
           aria-required={this.question.ariaRequired}
           aria-label={this.question.ariaLabel}
           aria-invalid={this.question.ariaInvalid}
-          aria-describedby={this.question.ariaDescribedBy}
+          aria-errormessage={this.question.ariaErrormessage}
         />
         <span className={this.question.cssClasses.itemText}>{itemText}</span>
       </label>
diff --git a/src/react/dropdown-base.tsx b/src/react/dropdown-base.tsx
index 146ae422c9..a298562e11 100644
--- a/src/react/dropdown-base.tsx
+++ b/src/react/dropdown-base.tsx
@@ -100,7 +100,7 @@ export class SurveyQuestionDropdownBase<T extends Question> extends SurveyQuesti
       aria-required={this.question.ariaRequired}
       aria-label={this.question.ariaLabel}
       aria-invalid={this.question.ariaInvalid}
-      aria-describedby={this.question.ariaDescribedBy}
+      aria-errormessage={this.question.ariaErrormessage}
       aria-expanded={this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true"}
       aria-controls={dropdownListModel.listElementId}
       aria-activedescendant={dropdownListModel.ariaActivedescendant}
@@ -124,6 +124,7 @@ export class SurveyQuestionDropdownBase<T extends Question> extends SurveyQuesti
           aria-expanded={this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true"}
           aria-label={this.question.a11y_input_ariaLabel}
           aria-labelledby={this.question.a11y_input_ariaLabelledBy}
+          aria-describedby={this.question.a11y_input_ariaDescribedBy}
           aria-controls={dropdownListModel.listElementId}
           aria-activedescendant={dropdownListModel.ariaActivedescendant}
           placeholder={dropdownListModel.placeholderRendered}
diff --git a/src/react/dropdown-select.tsx b/src/react/dropdown-select.tsx
index 886f51b78d..ff79cc40a5 100644
--- a/src/react/dropdown-select.tsx
+++ b/src/react/dropdown-select.tsx
@@ -33,7 +33,7 @@ export class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
         aria-required={this.question.ariaRequired}
         aria-label={this.question.ariaLabel}
         aria-invalid={this.question.ariaInvalid}
-        aria-describedby={this.question.ariaDescribedBy}
+        aria-errormessage={this.question.ariaErrormessage}
         required={this.question.isRequired}>
         {this.question.allowClear ? (<option value="">{this.question.placeholder}</option>) : null}
         {this.question.visibleChoices.map((item: ItemValue, i: number) => <SurveyQuestionOptionItem key={"item" + i} item={item} />)}
diff --git a/src/react/imagepicker.tsx b/src/react/imagepicker.tsx
index 89e50eca91..3a95b45f94 100644
--- a/src/react/imagepicker.tsx
+++ b/src/react/imagepicker.tsx
@@ -203,7 +203,7 @@ export class SurveyQuestionImagePickerItem extends ReactSurveyElement {
             aria-required={this.question.ariaRequired}
             aria-label={this.question.ariaLabel}
             aria-invalid={this.question.ariaInvalid}
-            aria-describedby={this.question.ariaDescribedBy}
+            aria-errormessage={this.question.ariaErrormessage}
           />
           <div className={this.question.cssClasses.itemDecorator}>
             <div className={this.question.cssClasses.imageContainer}>
diff --git a/src/react/reactquestion.tsx b/src/react/reactquestion.tsx
index deac0c7355..50043039e6 100644
--- a/src/react/reactquestion.tsx
+++ b/src/react/reactquestion.tsx
@@ -157,6 +157,7 @@ export class SurveyQuestion extends SurveyElementBase<any, any> {
           aria-required={this.question.ariaRequired}
           aria-invalid={this.question.ariaInvalid}
           aria-labelledby={question.ariaLabelledBy}
+          aria-describedby={question.ariaDescribedBy}
           aria-expanded={question.ariaExpanded === null ? undefined : question.ariaExpanded === "true"}
         >
           {errorsAboveQuestion}
diff --git a/src/react/reactquestion_buttongroup.tsx b/src/react/reactquestion_buttongroup.tsx
index 50f4ec40dd..a23494ef14 100644
--- a/src/react/reactquestion_buttongroup.tsx
+++ b/src/react/reactquestion_buttongroup.tsx
@@ -104,7 +104,7 @@ export class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
         aria-required={this.model.isRequired}
         aria-label={this.model.caption.renderedHtml}
         aria-invalid={this.model.hasErrors}
-        aria-describedby={this.model.describedBy}
+        aria-errormessage={this.model.describedBy}
         role="radio"
       />
     );
diff --git a/src/react/reactquestion_checkbox.tsx b/src/react/reactquestion_checkbox.tsx
index 5fa5f0a724..4eb1857aa6 100644
--- a/src/react/reactquestion_checkbox.tsx
+++ b/src/react/reactquestion_checkbox.tsx
@@ -26,8 +26,9 @@ export class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
         aria-required={this.question.a11y_input_ariaRequired}
         aria-label={this.question.a11y_input_ariaLabel}
         aria-labelledby={this.question.a11y_input_ariaLabelledBy}
-        aria-invalid={this.question.a11y_input_ariaInvalid}
         aria-describedby={this.question.a11y_input_ariaDescribedBy}
+        aria-invalid={this.question.a11y_input_ariaInvalid}
+        aria-errormessage={this.question.a11y_input_ariaErrormessage}
       >
         <legend className={"sv-hidden"}>{this.question.locTitle.renderedHtml}</legend>
         {this.getHeader()}
diff --git a/src/react/reactquestion_comment.tsx b/src/react/reactquestion_comment.tsx
index ebd5cc7516..510950dc69 100644
--- a/src/react/reactquestion_comment.tsx
+++ b/src/react/reactquestion_comment.tsx
@@ -43,8 +43,9 @@ export class SurveyQuestionComment extends SurveyQuestionUncontrolledElement<Que
           aria-required={this.question.a11y_input_ariaRequired}
           aria-label={this.question.a11y_input_ariaLabel}
           aria-labelledby={this.question.a11y_input_ariaLabelledBy}
-          aria-invalid={this.question.a11y_input_ariaInvalid}
           aria-describedby={this.question.a11y_input_ariaDescribedBy}
+          aria-invalid={this.question.a11y_input_ariaInvalid}
+          aria-errormessage={this.question.a11y_input_ariaErrormessage}
           style={{ resize: this.question.resizeStyle }}
         />
         {counter}
diff --git a/src/react/reactquestion_element.tsx b/src/react/reactquestion_element.tsx
index 576124271b..ea29082ae2 100644
--- a/src/react/reactquestion_element.tsx
+++ b/src/react/reactquestion_element.tsx
@@ -18,7 +18,7 @@ export class SurveyElementBase<P, S> extends React.Component<P, S> {
   }
   public static renderQuestionDescription(question: Question | PanelModel): JSX.Element {
     var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
-    return <div style={question.hasDescription ? undefined : { display: "none" } } className={question.cssDescription}>{descriptionText}</div>;
+    return <div style={question.hasDescription ? undefined : { display: "none" } } id={question.ariaDescriptionId} className={question.cssDescription}>{descriptionText}</div>;
   }
   private changedStatePropNameValue: string | undefined;
   constructor(props: any) {
diff --git a/src/react/reactquestion_file.tsx b/src/react/reactquestion_file.tsx
index 5f4278c855..753f5e39cc 100644
--- a/src/react/reactquestion_file.tsx
+++ b/src/react/reactquestion_file.tsx
@@ -52,7 +52,7 @@ export class SurveyQuestionFile extends SurveyQuestionElementBase {
             aria-required={this.question.ariaRequired}
             aria-label={this.question.ariaLabel}
             aria-invalid={this.question.ariaInvalid}
-            aria-describedby={this.question.ariaDescribedBy}
+            aria-errormessage={this.question.ariaErrormessage}
             multiple={this.question.allowMultiple}
             title={this.question.inputTitle}
             accept={this.question.acceptedTypes}
diff --git a/src/react/reactquestion_matrix.tsx b/src/react/reactquestion_matrix.tsx
index bb3b49fee5..1087dbff1c 100644
--- a/src/react/reactquestion_matrix.tsx
+++ b/src/react/reactquestion_matrix.tsx
@@ -252,7 +252,7 @@ export class SurveyQuestionMatrixCell extends ReactSurveyElement {
       aria-required={this.question.a11y_input_ariaRequired}
       aria-label={this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml)}
       aria-invalid={this.question.a11y_input_ariaInvalid}
-      aria-describedby={this.question.a11y_input_ariaDescribedBy}
+      aria-errormessage={this.question.a11y_input_ariaErrormessage}
     />);
   }
 }
diff --git a/src/react/reactquestion_radiogroup.tsx b/src/react/reactquestion_radiogroup.tsx
index ea31e72060..0003b85d18 100644
--- a/src/react/reactquestion_radiogroup.tsx
+++ b/src/react/reactquestion_radiogroup.tsx
@@ -36,8 +36,9 @@ export class SurveyQuestionRadiogroup extends SurveyQuestionElementBase {
         aria-required={this.question.a11y_input_ariaRequired}
         aria-label={this.question.a11y_input_ariaLabel}
         aria-labelledby={this.question.a11y_input_ariaLabelledBy}
-        aria-invalid={this.question.a11y_input_ariaInvalid}
         aria-describedby={this.question.a11y_input_ariaDescribedBy}
+        aria-invalid={this.question.a11y_input_ariaInvalid}
+        aria-errormessage={this.question.a11y_input_ariaErrormessage}
       >
         {this.question.hasColumns
           ? this.getColumnedBody(cssClasses)
@@ -200,7 +201,7 @@ export class SurveyQuestionRadioItem extends ReactSurveyElement {
       >
         <label onMouseDown={this.handleOnMouseDown} className={labelClass}>
           <input
-            aria-describedby={this.question.ariaDescribedBy}
+            aria-errormessage={this.question.ariaErrormessage}
             className={this.cssClasses.itemControl}
             id={this.question.getItemId(this.item)}
             type="radio"
diff --git a/src/react/reactquestion_tagbox.tsx b/src/react/reactquestion_tagbox.tsx
index fddbadbaef..aacc258933 100644
--- a/src/react/reactquestion_tagbox.tsx
+++ b/src/react/reactquestion_tagbox.tsx
@@ -39,7 +39,7 @@ export class SurveyQuestionTagbox extends SurveyQuestionDropdownBase<QuestionTag
         aria-required={this.question.ariaRequired}
         aria-label={this.question.ariaLabel}
         aria-invalid={this.question.ariaInvalid}
-        aria-describedby={this.question.ariaDescribedBy}
+        aria-errormessage={this.question.ariaErrormessage}
         aria-expanded={this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true"}
         aria-controls={dropdownListModel.listElementId}
         aria-activedescendant={dropdownListModel.ariaActivedescendant}
diff --git a/src/react/reactquestion_text.tsx b/src/react/reactquestion_text.tsx
index 732afdd3c1..7acf0be1e6 100644
--- a/src/react/reactquestion_text.tsx
+++ b/src/react/reactquestion_text.tsx
@@ -47,8 +47,9 @@ export class SurveyQuestionText extends SurveyQuestionUncontrolledElement<
           aria-required={this.question.a11y_input_ariaRequired}
           aria-label={this.question.a11y_input_ariaLabel}
           aria-labelledby={this.question.a11y_input_ariaLabelledBy}
-          aria-invalid={this.question.a11y_input_ariaInvalid}
           aria-describedby={this.question.a11y_input_ariaDescribedBy}
+          aria-invalid={this.question.a11y_input_ariaInvalid}
+          aria-errormessage={this.question.a11y_input_ariaErrormessage}
         />
         {counter}
       </>
diff --git a/src/react/tagbox-filter.tsx b/src/react/tagbox-filter.tsx
index 271d3e6f25..ea37a3fcbe 100644
--- a/src/react/tagbox-filter.tsx
+++ b/src/react/tagbox-filter.tsx
@@ -81,6 +81,7 @@ export class TagboxFilterString extends SurveyElementBase<ITagboxFilterProps, an
             aria-expanded={this.question.ariaExpanded === null ? undefined : this.question.ariaExpanded === "true"}
             aria-label={this.question.a11y_input_ariaLabel}
             aria-labelledby={this.question.a11y_input_ariaLabelledBy}
+            aria-describedby={this.question.a11y_input_ariaDescribedBy}
             aria-controls={this.model.listElementId}
             aria-activedescendant={this.model.ariaActivedescendant}
             placeholder={this.model.filterStringPlaceholder}
diff --git a/src/survey-element.ts b/src/survey-element.ts
index 781873de38..26fabafa7c 100644
--- a/src/survey-element.ts
+++ b/src/survey-element.ts
@@ -96,6 +96,7 @@ export abstract class SurveyElementCore extends Base implements ILocalizableOwne
   public get cssClasses(): any { return {}; }
   public get cssTitle(): string { return ""; }
   public get ariaTitleId(): string { return undefined; }
+  public get ariaDescriptionId(): string { return undefined; }
   public get titleTabIndex(): number { return undefined; }
   public get titleAriaExpanded(): any { return undefined; }
   public get titleAriaRole(): any { return undefined; }
diff --git a/src/vue/boolean-checkbox.vue b/src/vue/boolean-checkbox.vue
index 107f2b1fac..4c84bdf003 100644
--- a/src/vue/boolean-checkbox.vue
+++ b/src/vue/boolean-checkbox.vue
@@ -14,7 +14,7 @@
           :aria-required="question.ariaRequired"
           :aria-label="question.ariaLabel"
           :aria-invalid="question.ariaInvalid"
-          :aria-describedby="question.ariaDescribedBy"
+          :aria-errormessage="question.ariaErrormessage"
         /><span :class="question.cssClasses.checkboxMaterialDecorator"><svg v-if="question.svgIcon" :class="question.cssClasses.checkboxItemDecorator">
             <use
               :xlink:href="question.svgIcon"
@@ -39,6 +39,7 @@
     <div
       v-if="question.canRenderLabelDescription"
       :class="question.cssDescription"
+      :id="question.ariaDescriptionId"
     >
       <survey-string :locString="question.locDescription" />
     </div>
diff --git a/src/vue/boolean-radio-item.vue b/src/vue/boolean-radio-item.vue
index 9cdedebed9..fe9fc158d9 100644
--- a/src/vue/boolean-radio-item.vue
+++ b/src/vue/boolean-radio-item.vue
@@ -6,7 +6,7 @@
         :name="question.name"
         :value="value"
         :checked="value === question.booleanValueRendered"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :disabled="question.isInputReadOnly"
         :class="question.cssClasses.itemRadioControl"
         @change="handleChange"
diff --git a/src/vue/boolean-switch.vue b/src/vue/boolean-switch.vue
index f296fdac11..ca83151d4c 100644
--- a/src/vue/boolean-switch.vue
+++ b/src/vue/boolean-switch.vue
@@ -14,8 +14,9 @@
         :aria-required="question.a11y_input_ariaRequired"
         :aria-label="question.a11y_input_ariaLabel"
         :aria-labelledby="question.a11y_input_ariaLabelledBy"
-        :aria-invalid="question.a11y_input_ariaInvalid"
         :aria-describedby="question.a11y_input_ariaDescribedBy"
+        :aria-invalid="question.a11y_input_ariaInvalid"
+        :aria-errormessage="question.a11y_input_ariaErrormessage"
       />
       <div
         :class="question.cssClasses.sliderGhost"
diff --git a/src/vue/buttongroupitem.vue b/src/vue/buttongroupitem.vue
index 3d10d60415..22d9a787c3 100644
--- a/src/vue/buttongroupitem.vue
+++ b/src/vue/buttongroupitem.vue
@@ -8,7 +8,7 @@
       v-bind:aria-required="model.isRequired"
       v-bind:aria-label="model.caption.renderedHtml"
       v-bind:aria-invalid="model.hasErrors"
-      v-bind:aria-describedby="model.describedBy"
+      v-bind:aria-errormessage="model.describedBy"
       :value="model.value"
       v-model="model.question.renderedValue"
       :disabled="model.readOnly"
diff --git a/src/vue/checkbox.vue b/src/vue/checkbox.vue
index 7c6c3acabe..b658e70433 100644
--- a/src/vue/checkbox.vue
+++ b/src/vue/checkbox.vue
@@ -4,8 +4,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
   >
     <legend class="sv-hidden">{{question.locTitle.renderedHtml}}</legend>
     <component
diff --git a/src/vue/comment.vue b/src/vue/comment.vue
index 380e879405..e75d1f27a9 100644
--- a/src/vue/comment.vue
+++ b/src/vue/comment.vue
@@ -16,8 +16,9 @@
       :aria-required="question.a11y_input_ariaRequired"
       :aria-label="question.a11y_input_ariaLabel"
       :aria-labelledby="question.a11y_input_ariaLabelledBy"
-      :aria-invalid="question.a11y_input_ariaInvalid"
       :aria-describedby="question.a11y_input_ariaDescribedBy"
+      :aria-invalid="question.a11y_input_ariaInvalid"
+      :aria-errormessage="question.a11y_input_ariaErrormessage"
       v-bind:style="{ resize: question.resizeStyle }"
     ></textarea>
     <div v-else-if="!question.isReadOnlyRenderDiv() && question.getMaxLength()">
@@ -37,8 +38,9 @@
         :aria-required="question.a11y_input_ariaRequired"
         :aria-label="question.a11y_input_ariaLabel"
         :aria-labelledby="question.a11y_input_ariaLabelledBy"
-        :aria-invalid="question.a11y_input_ariaInvalid"
         :aria-describedby="question.a11y_input_ariaDescribedBy"
+        :aria-invalid="question.a11y_input_ariaInvalid"
+        :aria-errormessage="question.a11y_input_ariaErrormessage"
         v-bind:style="{ resize: question.resizeStyle }"
       ></textarea>
       <sv-character-counter :counter="question.characterCounter" :remainingCharacterCounter="question.cssClasses.remainingCharacterCounter"></sv-character-counter>
diff --git a/src/vue/components/dropdown/dropdown.vue b/src/vue/components/dropdown/dropdown.vue
index 5f7cc3ce80..8be4ca8d06 100644
--- a/src/vue/components/dropdown/dropdown.vue
+++ b/src/vue/components/dropdown/dropdown.vue
@@ -12,7 +12,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :aria-expanded="question.ariaExpanded"
       :aria-controls="model.listElementId"
       :aria-activedescendant="model.ariaActivedescendant"
@@ -52,6 +52,7 @@
       :aria-expanded="question.ariaExpanded"
       :aria-label="question.a11y_input_ariaLabel"
       :aria-labelledby="question.a11y_input_ariaLabelledBy"
+      :aria-describedby="question.a11y_input_ariaDescribedBy"
       :aria-controls="model.listElementId"
       :aria-activedescendant="model.ariaActivedescendant"
       :placeholder="model.placeholderRendered"
diff --git a/src/vue/components/rating/rating-item-smiley.vue b/src/vue/components/rating/rating-item-smiley.vue
index 48882b0422..4bcd19ee29 100644
--- a/src/vue/components/rating/rating-item-smiley.vue
+++ b/src/vue/components/rating/rating-item-smiley.vue
@@ -4,7 +4,7 @@
     <input type="radio" class="sv-visuallyhidden" :name="question.name" :id="question.getInputId(index)"
       :value="item.value" :disabled="question.isInputReadOnly" @click="(e) => question.setValueFromClick(e.target.value)"
       :aria-required="question.ariaRequired" :aria-label="question.ariaLabel" :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy" />
+      :aria-errormessage="question.ariaErrormessage" />
     <sv-svg-icon :iconName="question.getItemSmileyIconName(item.itemValue)" :size="'auto'"
       :title="item.text"></sv-svg-icon>
   </label>
diff --git a/src/vue/components/rating/rating-item-star.vue b/src/vue/components/rating/rating-item-star.vue
index 3cc4f0e3a8..2f60fb2b7c 100644
--- a/src/vue/components/rating/rating-item-star.vue
+++ b/src/vue/components/rating/rating-item-star.vue
@@ -5,7 +5,7 @@
     <input type="radio" class="sv-visuallyhidden" :name="question.name" :id="question.getInputId(index)"
       :value="item.value" :disabled="question.isInputReadOnly" @click="(e) => question.setValueFromClick(e.target.value)"
       :aria-required="question.ariaRequired" :aria-label="question.ariaLabel" :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy" />
+      :aria-errormessage="question.ariaErrormessage" />
       <sv-svg-icon :class="'sv-star'" :iconName="question.itemStarIcon" :size="'auto'" :title="item.text"></sv-svg-icon>
       <sv-svg-icon :class="'sv-star-2'" :iconName="question.itemStarIconAlt" :size="'auto'" :title="item.text"></sv-svg-icon>
   </label>
diff --git a/src/vue/components/rating/rating-item.vue b/src/vue/components/rating/rating-item.vue
index 958129f649..3e6342d9e3 100644
--- a/src/vue/components/rating/rating-item.vue
+++ b/src/vue/components/rating/rating-item.vue
@@ -4,7 +4,7 @@
       :value="item.value" :disabled="question.isInputReadOnly"
       @click="(e) => question.setValueFromClick(e.target.value)" :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel" :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy" />
+      :aria-errormessage="question.ariaErrormessage" />
     <span :class="question.cssClasses.itemText">
       <survey-string :locString="item.locText" />
     </span>
diff --git a/src/vue/components/tagbox/tagbox-filter.vue b/src/vue/components/tagbox/tagbox-filter.vue
index c1fc4f6acd..3f3a5bfb54 100644
--- a/src/vue/components/tagbox/tagbox-filter.vue
+++ b/src/vue/components/tagbox/tagbox-filter.vue
@@ -27,6 +27,7 @@
                 :aria-expanded="question.ariaExpanded"
                 :aria-label="question.a11y_input_ariaLabel"
                 :aria-labelledby="question.a11y_input_ariaLabelledBy"
+                :aria-describedby="question.a11y_input_ariaDescribedBy"
                 :aria-controls="model.listElementId"
                 :aria-activedescendant="model.ariaActivedescendant"
                 :id="question.getInputId()"
diff --git a/src/vue/components/tagbox/tagbox.vue b/src/vue/components/tagbox/tagbox.vue
index f8cd140791..8e1ffb331b 100644
--- a/src/vue/components/tagbox/tagbox.vue
+++ b/src/vue/components/tagbox/tagbox.vue
@@ -13,7 +13,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :aria-expanded="question.ariaExpanded"
       :aria-controls="model.listElementId"
       :aria-activedescendant="model.ariaActivedescendant"
diff --git a/src/vue/dropdown-select.vue b/src/vue/dropdown-select.vue
index e980c8f9b4..ae6977c7a5 100644
--- a/src/vue/dropdown-select.vue
+++ b/src/vue/dropdown-select.vue
@@ -12,7 +12,7 @@
         :aria-required="question.ariaRequired"
         :aria-label="question.ariaLabel"
         :aria-invalid="question.ariaInvalid"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         :required="question.isRequired"
       >
         <option v-if="question.allowClear" :value="undefined">{{ question.placeholder }}</option>
diff --git a/src/vue/element.vue b/src/vue/element.vue
index b0e82495f6..a5e5567de7 100644
--- a/src/vue/element.vue
+++ b/src/vue/element.vue
@@ -8,6 +8,7 @@
         :aria-required="element.ariaRequired"
         :aria-invalid="element.ariaInvalid"
         :aria-labelledby="element.ariaLabelledBy"
+        :aria-describedby="element.ariaDescribedBy"
         :aria-expanded="element.ariaExpanded"
         :data-name="element.name">
     <survey-errors
@@ -49,6 +50,7 @@
       <div
         v-if="!element.isPanel && element.hasDescriptionUnderInput"
         :class="element.cssClasses.descriptionUnderInput"
+        :id="element.ariaDescriptionId"
       >
         <survey-string :locString="element.locDescription" />
       </div>
diff --git a/src/vue/elementheader.vue b/src/vue/elementheader.vue
index cdff8b8fc8..329ac72eff 100644
--- a/src/vue/elementheader.vue
+++ b/src/vue/elementheader.vue
@@ -5,6 +5,7 @@
       v-if="element.hasDescriptionUnderTitle"
       v-show="element.hasDescription"
       :class="element.cssDescription"
+      :id="element.ariaDescriptionId"
     >
       <survey-string :locString="element.locDescription" />
     </div>
diff --git a/src/vue/file.vue b/src/vue/file.vue
index 97e36ce1ab..af2b440247 100644
--- a/src/vue/file.vue
+++ b/src/vue/file.vue
@@ -9,7 +9,7 @@
       :aria-required="question.ariaRequired"
       :aria-label="question.ariaLabel"
       :aria-invalid="question.ariaInvalid"
-      :aria-describedby="question.ariaDescribedBy"
+      :aria-errormessage="question.ariaErrormessage"
       :multiple="question.allowMultiple"
       v-bind:title="question.inputTitle"
       v-bind:accept="question.acceptedTypes"
diff --git a/src/vue/imagepicker-item.vue b/src/vue/imagepicker-item.vue
index 9d59ab655a..dc35fbd336 100644
--- a/src/vue/imagepicker-item.vue
+++ b/src/vue/imagepicker-item.vue
@@ -12,7 +12,7 @@
           v-bind:aria-required="question.ariaRequired"
           :aria-label="question.ariaLabel"
           :aria-invalid="question.ariaInvalid"
-          :aria-describedby="question.ariaDescribedBy"
+          :aria-errormessage="question.ariaErrormessage"
           :class="question.cssClasses.itemControl"
         />
         <input
@@ -26,7 +26,7 @@
           v-bind:aria-required="question.ariaRequired"
           :aria-label="question.ariaLabel"
           :aria-invalid="question.ariaInvalid"
-          :aria-describedby="question.ariaDescribedBy"
+          :aria-errormessage="question.ariaErrormessage"
           :class="question.cssClasses.itemControl"
         /><div :class="question.cssClasses.itemDecorator">
           <div :class="question.cssClasses.imageContainer">
diff --git a/src/vue/matrixcell.vue b/src/vue/matrixcell.vue
index 0e4609f281..a1903112ac 100644
--- a/src/vue/matrixcell.vue
+++ b/src/vue/matrixcell.vue
@@ -11,7 +11,7 @@
       :aria-required="question.a11y_input_ariaRequired"
       :aria-label="question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml)"
       :aria-invalid="question.a11y_input_ariaInvalid"
-      :aria-describedby="question.a11y_input_ariaDescribedBy"
+      :aria-errormessage="question.a11y_input_ariaErrormessage"
     />
     <span :class="question.cssClasses.materialDecorator">
       <svg v-if="question.itemSvgIcon" :class="question.cssClasses.itemDecorator">
diff --git a/src/vue/radiogroup.vue b/src/vue/radiogroup.vue
index c8b995497e..cfbf47e073 100644
--- a/src/vue/radiogroup.vue
+++ b/src/vue/radiogroup.vue
@@ -4,8 +4,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
   >
     <component
       v-if="!question.hasColumns && !question.blockedRow"
diff --git a/src/vue/radiogroupitem.vue b/src/vue/radiogroupitem.vue
index cde2a42c88..18e8c8bed5 100644
--- a/src/vue/radiogroupitem.vue
+++ b/src/vue/radiogroupitem.vue
@@ -6,7 +6,7 @@
         :name="question.questionName"
         :value="item.value"
         :id="question.getItemId(item)"
-        :aria-describedby="question.ariaDescribedBy"
+        :aria-errormessage="question.ariaErrormessage"
         v-model="question.renderedValue"
         :disabled="!question.getItemEnabled(item)"
         :class="question.cssClasses.itemControl"
diff --git a/src/vue/text-input.vue b/src/vue/text-input.vue
index 6189adaabf..8991e70df2 100644
--- a/src/vue/text-input.vue
+++ b/src/vue/text-input.vue
@@ -23,8 +23,9 @@
     :aria-required="question.a11y_input_ariaRequired"
     :aria-label="question.a11y_input_ariaLabel"
     :aria-labelledby="question.a11y_input_ariaLabelledBy"
-    :aria-invalid="question.a11y_input_ariaInvalid"
     :aria-describedby="question.a11y_input_ariaDescribedBy"
+    :aria-invalid="question.a11y_input_ariaInvalid"
+    :aria-errormessage="question.a11y_input_ariaErrormessage"
   />
     <div v-else>
       <input
@@ -51,8 +52,9 @@
         :aria-required="question.a11y_input_ariaRequired"
         :aria-label="question.a11y_input_ariaLabel"
         :aria-labelledby="question.a11y_input_ariaLabelledBy"
-        :aria-invalid="question.a11y_input_ariaInvalid"
         :aria-describedby="question.a11y_input_ariaDescribedBy"
+        :aria-invalid="question.a11y_input_ariaInvalid"
+        :aria-errormessage="question.a11y_input_ariaErrormessage"
       />
       <sv-character-counter :counter="question.characterCounter" :remainingCharacterCounter="question.cssClasses.remainingCharacterCounter"></sv-character-counter>
     </div>
diff --git a/tests/a11y.ts b/tests/a11y.ts
index acbd92980e..6b0bc5736b 100644
--- a/tests/a11y.ts
+++ b/tests/a11y.ts
@@ -53,6 +53,25 @@ QUnit.test(
   }
 );
 
+QUnit.test(
+  "a11y: aria-describedbby",
+  function(assert) {
+    var json = {
+      questions: [
+        {
+          type: "text",
+          title: "Title",
+          description: "Description",
+          name: "q1"
+        },
+      ],
+    };
+    var survey = new SurveyModel(json);
+    var question = survey.getQuestionByName("q1");
+    assert.equal(question.a11y_input_ariaDescribedBy.indexOf("_ariaDescription") !== -1, true, "aria-describedbby is correct");
+  }
+);
+
 QUnit.test(
   "a11y: aria-invalid",
   function(assert) {
@@ -69,17 +88,17 @@ QUnit.test(
 );
 
 QUnit.test(
-  "a11y: aria-describedby",
+  "a11y: aria-errormessage",
   function(assert) {
     var question = new Question("q1");
     question.isRequired = true;
 
     question.hasErrors();
-    assert.equal(question.ariaDescribedBy, question.id + "_errors", "aria-describedby is NOT NULL because we have errors");
+    assert.equal(question.ariaErrormessage, question.id + "_errors", "aria-errormessage is NOT NULL because we have errors");
 
     question.value = "test";
     question.hasErrors();
-    assert.equal(question.ariaDescribedBy, null, "aria-describedby is NULL because we don't have any errors");
+    assert.equal(question.ariaErrormessage, null, "aria-errormessage is NULL because we don't have any errors");
   }
 );
 
@@ -108,7 +127,7 @@ QUnit.test(
     assert.equal(question.ariaInvalid, null, "old aria-invalid is null");
     assert.equal(question.ariaLabelledBy, null, "old aria-labelledby is null");
     assert.equal(question.ariaExpanded, null, "old aria-expanded is null");
-    assert.equal(question.ariaDescribedBy, null, "old aria-describedby is null");
+    assert.equal(question.ariaErrormessage, null, "old aria-errormessage is null");
 
     assert.equal(question.a11y_input_ariaLabel, null, "aria-label does not exist because we have a title");
     assert.equal(question.a11y_input_ariaLabelledBy.indexOf("_ariaTitle") !== -1, true, "aria-labelledby is correct");
@@ -116,6 +135,6 @@ QUnit.test(
     assert.equal(question.a11y_input_ariaRequired, "true", "aria-required is true");
     assert.equal(question.a11y_input_ariaInvalid, "false", "aria-invalid is false");
     assert.equal(question.a11y_input_ariaExpanded, null, "aria-expanded is null");
-    assert.equal(question.a11y_input_ariaDescribedBy, null, "aria-describedby is null");
+    assert.equal(question.a11y_input_ariaErrormessage, null, "aria-errormessage is null");
   }
 );
\ No newline at end of file
diff --git a/tests/markup/helper.ts b/tests/markup/helper.ts
index 145d93d9fa..7b697d7427 100644
--- a/tests/markup/helper.ts
+++ b/tests/markup/helper.ts
@@ -299,7 +299,7 @@ function clearAttributes(el: Element, removeIds = false) {
   if(!!removeIds) {
     el.removeAttribute("id");
   }
-  //el.removeAttribute("aria-describedby");
+  //el.removeAttribute("aria-errormessage");
   //if(el.getAttribute("list")) el.removeAttribute("list");
   el.removeAttribute("fragment");
   if(el.getAttribute("style") === "") {
diff --git a/tests/markup/snapshots/boolean-v2.snap.html b/tests/markup/snapshots/boolean-v2.snap.html
index 1f7f33cf8e..92a062c9dc 100644
--- a/tests/markup/snapshots/boolean-v2.snap.html
+++ b/tests/markup/snapshots/boolean-v2.snap.html
@@ -1,6 +1,6 @@
 <div class="sd-boolean-root sd-scrollable-container sv_qbln sv_qcbc">
 	<label class="sd-boolean sd-boolean--allowhover sd-boolean--indeterminate">
-		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
+		<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label">
 				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
diff --git a/tests/markup/snapshots/boolean-value-v2.snap.html b/tests/markup/snapshots/boolean-value-v2.snap.html
index a6c7a80d65..d1799e8131 100644
--- a/tests/markup/snapshots/boolean-value-v2.snap.html
+++ b/tests/markup/snapshots/boolean-value-v2.snap.html
@@ -1,6 +1,6 @@
 <div class="sd-boolean-root sd-scrollable-container sv_qbln sv_qcbc">
 	<label class="sd-boolean sd-boolean--allowhover sd-boolean--checked">
-		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" checked="" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="true">
+		<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" checked="" class="sd-boolean__control sd-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="true">
 		<div class="sd-boolean__thumb-ghost">
 			<span class="sd-boolean__label sd-boolean__label--false sd-checkbox__label--disabled">
 				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
diff --git a/tests/markup/snapshots/boolean.snap.html b/tests/markup/snapshots/boolean.snap.html
index 3743f20a4e..144f6e59c8 100644
--- a/tests/markup/snapshots/boolean.snap.html
+++ b/tests/markup/snapshots/boolean.snap.html
@@ -1,6 +1,6 @@
 <div class="sv_qbln sv_qcbc">
 	<label class="sv-boolean sv-boolean--indeterminate">
-		<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sv-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
+		<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sv-visuallyhidden" id="testid0i" name="name" role="switch" type="checkbox" value="">
 		<div class="sv-boolean__thumb-ghost">
 			<span class="sv-boolean__label">
 				<span class="sv-string-viewer sv-string-viewer--multiline">No</span>
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
index b28054aa38..c5cff4a67f 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-bottom.snap.html
@@ -18,7 +18,7 @@
 				</td>
 				<td class="sd-question--error sd-table__cell" colspan="1" data-responsive-title="col1" title="col1">
 					<div class="sd-table__question-wrapper">
-						<input aria-describedby="testid0row0cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row0cell1i" placeholder="" type="text">
+						<input aria-errormessage="testid0row0cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row0cell1i" placeholder="" type="text">
 					</div>
 				</td>
 			</tr>
diff --git a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
index 3b6c434661..4793b7ec28 100644
--- a/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
+++ b/tests/markup/snapshots/matrixdropdown-cell-errors-top.snap.html
@@ -33,7 +33,7 @@
 				</td>
 				<td class="sd-question--error sd-table__cell" colspan="1" data-responsive-title="col1" title="col1">
 					<div class="sd-table__question-wrapper">
-						<input aria-describedby="testid0row1cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row1cell1i" placeholder="" type="text">
+						<input aria-errormessage="testid0row1cell1_errors" aria-invalid="true" aria-label="row row1, column col1" aria-required="true" autocomplete="" class="sd-input sd-input--error sd-text" id="testid0row1cell1i" placeholder="" type="text">
 					</div>
 				</td>
 			</tr>
diff --git a/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html b/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
index 445b3493d3..a978e8fd96 100644
--- a/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
+++ b/tests/markup/snapshots/multipletext-error-bottom-v2.snap.html
@@ -9,7 +9,7 @@
 						<span aria-hidden="true" class="sd-question__required-text">*</span>
 					</span>
 					<div class="sd-multipletext__item">
-						<input aria-describedby="testid0_0_errors" aria-invalid="true" aria-label="Text 1" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0_0i" placeholder="" type="text">
+						<input aria-errormessage="testid0_0_errors" aria-invalid="true" aria-label="Text 1" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0_0i" placeholder="" type="text">
 					</div>
 				</label>
 			</td>
diff --git a/tests/markup/snapshots/multipletext-error-top-v2.snap.html b/tests/markup/snapshots/multipletext-error-top-v2.snap.html
index c63e759f75..c93429e721 100644
--- a/tests/markup/snapshots/multipletext-error-top-v2.snap.html
+++ b/tests/markup/snapshots/multipletext-error-top-v2.snap.html
@@ -22,7 +22,7 @@
 						<span aria-hidden="true" class="sd-question__required-text">*</span>
 					</span>
 					<div class="sd-multipletext__item">
-						<input aria-describedby="testid0_0_errors" aria-invalid="true" aria-label="Text 1" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0_0i" placeholder="" type="text">
+						<input aria-errormessage="testid0_0_errors" aria-invalid="true" aria-label="Text 1" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0_0i" placeholder="" type="text">
 					</div>
 				</label>
 			</td>
diff --git a/tests/markup/snapshots/page-swnl-title-v2.snap.html b/tests/markup/snapshots/page-swnl-title-v2.snap.html
index 9474c82d14..0892b79d75 100644
--- a/tests/markup/snapshots/page-swnl-title-v2.snap.html
+++ b/tests/markup/snapshots/page-swnl-title-v2.snap.html
@@ -8,7 +8,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
@@ -22,7 +22,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle"
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-invalid="false" aria-labelledby="testid1_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid1i" placeholder="" type="text">
+			<input aria-describedby="testid1_ariaDescription" aria-invalid="false" aria-labelledby="testid1_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid1i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/page-title-v2.snap.html b/tests/markup/snapshots/page-title-v2.snap.html
index 0a469b2c84..8fa7c32719 100644
--- a/tests/markup/snapshots/page-title-v2.snap.html
+++ b/tests/markup/snapshots/page-title-v2.snap.html
@@ -8,7 +8,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html b/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
index abbdba8925..4abc46a6f1 100644
--- a/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
+++ b/tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
@@ -8,7 +8,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
@@ -24,7 +24,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle"
 							</h5>
 						</div>
 						<div class="sd-question__content sd-text__content" role="presentation">
-							<input aria-invalid="false" aria-labelledby="testid1_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid1i" placeholder="" type="text">
+							<input aria-describedby="testid1_ariaDescription" aria-invalid="false" aria-labelledby="testid1_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid1i" placeholder="" type="text">
 						</div>
 					</div>
 				</div>
diff --git a/tests/markup/snapshots/panel-question-headers.snap.html b/tests/markup/snapshots/panel-question-headers.snap.html
index 4eaed797c3..a7341271de 100644
--- a/tests/markup/snapshots/panel-question-headers.snap.html
+++ b/tests/markup/snapshots/panel-question-headers.snap.html
@@ -16,12 +16,12 @@ <h4 aria-label="panel_title" class="sd-element__title sd-panel__title sd-title">
 							<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
 								<span class="sv-string-viewer sv-string-viewer--multiline">Question title</span>
 							</h5>
-							<div class="sd-description sd-question__description">
+							<div class="sd-description sd-question__description" id="testid0_ariaDescription">
 								<span class="sv-string-viewer sv-string-viewer--multiline">Question description</span>
 							</div>
 						</div>
 						<div class="sd-question__content sd-text__content" role="presentation">
-							<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
+							<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 						</div>
 					</div>
 				</div>
diff --git a/tests/markup/snapshots/question-description-under-input.snap.html b/tests/markup/snapshots/question-description-under-input.snap.html
index f5f3c201a6..3897b0874c 100644
--- a/tests/markup/snapshots/question-description-under-input.snap.html
+++ b/tests/markup/snapshots/question-description-under-input.snap.html
@@ -1,4 +1,4 @@
 <input aria-invalid="false" aria-label="name" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
-	<div class="sd-description sd-question__description sd-question__description--under-input">
+	<div class="sd-description sd-question__description sd-question__description--under-input" id="testid0_ariaDescription">
 		<span class="sv-string-viewer sv-string-viewer--multiline">Under input</span>
 	</div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/question-errors-v2-bottom.snap.html b/tests/markup/snapshots/question-errors-v2-bottom.snap.html
index e2061f6535..5fe159eb1c 100644
--- a/tests/markup/snapshots/question-errors-v2-bottom.snap.html
+++ b/tests/markup/snapshots/question-errors-v2-bottom.snap.html
@@ -10,7 +10,7 @@ <h5 class="sd-element__title sd-question__title sd-question__title--error sd-que
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-describedby="testid0_errors" aria-invalid="true" aria-labelledby="testid0_ariaTitle" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-errormessage="testid0_errors" aria-invalid="true" aria-labelledby="testid0_ariaTitle" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 		<div aria-live="polite" class="sd-element__erbox sd-error sd-question__erbox sd-question__erbox--below-question" id="testid0_errors" role="alert">
 			<div>
diff --git a/tests/markup/snapshots/question-errors-v2-top.snap.html b/tests/markup/snapshots/question-errors-v2-top.snap.html
index 2f4da80aec..1617aea7d1 100644
--- a/tests/markup/snapshots/question-errors-v2-top.snap.html
+++ b/tests/markup/snapshots/question-errors-v2-top.snap.html
@@ -19,7 +19,7 @@ <h5 class="sd-element__title sd-question__title sd-question__title--error sd-que
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-describedby="testid0_errors" aria-invalid="true" aria-labelledby="testid0_ariaTitle" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-errormessage="testid0_errors" aria-invalid="true" aria-labelledby="testid0_ariaTitle" aria-required="true" class="sd-input sd-input--error sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
\ No newline at end of file
diff --git a/tests/markup/snapshots/question-with-indent.snap.html b/tests/markup/snapshots/question-with-indent.snap.html
index bbef328f64..358a6bf86b 100644
--- a/tests/markup/snapshots/question-with-indent.snap.html
+++ b/tests/markup/snapshots/question-with-indent.snap.html
@@ -8,7 +8,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
 			</h5>
 		</div>
 		<div class="sd-question__content sd-text__content" role="presentation">
-			<input aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
+			<input aria-describedby="testid0_ariaDescription" aria-invalid="false" aria-labelledby="testid0_ariaTitle" aria-required="false" class="sd-input sd-text" id="testid0i" placeholder="" type="text">
 		</div>
 	</div>
 </div>
\ No newline at end of file