From 16c49db230bacad3c46a6c82da168b51182f975d Mon Sep 17 00:00:00 2001 From: dmitrykurmanov <kurmanov.work@gmail.com> Date: Mon, 17 Feb 2025 18:25:27 +0400 Subject: [PATCH 1/3] work for the https://github.com/surveyjs/survey-library/issues/9454 --- .../src/questions/imagepicker-item.component.html | 2 +- packages/survey-react-ui/src/imagepicker.tsx | 2 +- packages/survey-vue3-ui/src/ImagepickerItem.vue | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) 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 22dbe0fffb..abba562f77 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-errormessage]="question.ariaErrormessage" + <input [type]="question.inputType" [attr.name]="question.questionName" [attr.value]="model.value" [id]="question.getItemId(model)" [attr.aria-required]="question.ariaRequired" [attr.aria-label]="model.locText.renderedHtml" [attr.aria-invalid]="question.ariaInvalid" [attr.aria-errormessage]="question.ariaErrormessage" (change)="onChange($event)" [checked]="question.isItemSelected(model)" [disabled]="!question.getItemEnabled(model)" [readonly]="question.isReadOnlyAttr" [class]="question.cssClasses.itemControl" /> <div [class]="question.cssClasses.itemDecorator"> diff --git a/packages/survey-react-ui/src/imagepicker.tsx b/packages/survey-react-ui/src/imagepicker.tsx index 6f40b10243..84ff77de50 100644 --- a/packages/survey-react-ui/src/imagepicker.tsx +++ b/packages/survey-react-ui/src/imagepicker.tsx @@ -203,7 +203,7 @@ export class SurveyQuestionImagePickerItem extends ReactSurveyElement { readOnly={this.question.isReadOnlyAttr} onChange={this.handleOnChange} aria-required={this.question.ariaRequired} - aria-label={this.question.ariaLabel} + aria-label={text} aria-invalid={this.question.ariaInvalid} aria-errormessage={this.question.ariaErrormessage} /> diff --git a/packages/survey-vue3-ui/src/ImagepickerItem.vue b/packages/survey-vue3-ui/src/ImagepickerItem.vue index 20bbae15a8..463c827eca 100644 --- a/packages/survey-vue3-ui/src/ImagepickerItem.vue +++ b/packages/survey-vue3-ui/src/ImagepickerItem.vue @@ -11,7 +11,7 @@ :disabled="!question.getItemEnabled(item)" :readonly="question.isReadOnlyAttr" v-bind:aria-required="question.ariaRequired" - :aria-label="question.ariaLabel" + :aria-label="item.locText.renderedHtml" :aria-invalid="question.ariaInvalid" :aria-errormessage="question.ariaErrormessage" :class="question.cssClasses.itemControl" @@ -26,7 +26,7 @@ :disabled="!question.getItemEnabled(item)" :readonly="question.isReadOnlyAttr" v-bind:aria-required="question.ariaRequired" - :aria-label="question.ariaLabel" + :aria-label="item.locText.renderedHtml" :aria-invalid="question.ariaInvalid" :aria-errormessage="question.ariaErrormessage" :class="question.cssClasses.itemControl" From 608dd3a0ee5d87db235e00291bbefa1a8fd20d7a Mon Sep 17 00:00:00 2001 From: dmitrykurmanov <kurmanov.work@gmail.com> Date: Tue, 18 Feb 2025 08:39:20 +0400 Subject: [PATCH 2/3] work for the https://github.com/surveyjs/survey-library/issues/9454 --- packages/survey-react-ui/src/imagepicker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/survey-react-ui/src/imagepicker.tsx b/packages/survey-react-ui/src/imagepicker.tsx index 84ff77de50..d2dfacd037 100644 --- a/packages/survey-react-ui/src/imagepicker.tsx +++ b/packages/survey-react-ui/src/imagepicker.tsx @@ -203,7 +203,7 @@ export class SurveyQuestionImagePickerItem extends ReactSurveyElement { readOnly={this.question.isReadOnlyAttr} onChange={this.handleOnChange} aria-required={this.question.ariaRequired} - aria-label={text} + aria-label={item.locText.renderedHtml} aria-invalid={this.question.ariaInvalid} aria-errormessage={this.question.ariaErrormessage} /> From fc98001c69333897e6544f739c581e7308e7c1b8 Mon Sep 17 00:00:00 2001 From: dmitrykurmanov <kurmanov.work@gmail.com> Date: Tue, 18 Feb 2025 16:12:26 +0400 Subject: [PATCH 3/3] work for the https://github.com/surveyjs/survey-library/issues/9454 --- tests/markup/snapshots/imagepicker-colCount-1-v2.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-colCount-2-v2.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-disabled.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-labels.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-multi.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-no-image-v2.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-no-image.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-readonly.snap.html | 4 ++-- tests/markup/snapshots/imagepicker-video.snap.html | 4 ++-- tests/markup/snapshots/imagepicker.snap.html | 4 ++-- 10 files changed, 20 insertions(+), 20 deletions(-) diff --git a/tests/markup/snapshots/imagepicker-colCount-1-v2.snap.html b/tests/markup/snapshots/imagepicker-colCount-1-v2.snap.html index cb0bda1823..f2203328b1 100644 --- a/tests/markup/snapshots/imagepicker-colCount-1-v2.snap.html +++ b/tests/markup/snapshots/imagepicker-colCount-1-v2.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sv-q-col-1"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -18,7 +18,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sv-q-col-1"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-colCount-2-v2.snap.html b/tests/markup/snapshots/imagepicker-colCount-2-v2.snap.html index 8a9973274c..708a14bf04 100644 --- a/tests/markup/snapshots/imagepicker-colCount-2-v2.snap.html +++ b/tests/markup/snapshots/imagepicker-colCount-2-v2.snap.html @@ -3,7 +3,7 @@ <div class="sd-imagepicker__column sd-selectbase__column sv-q-column-2" role="presentation"> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -21,7 +21,7 @@ <div class="sd-imagepicker__column sd-selectbase__column sv-q-column-2" role="presentation"> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-disabled.snap.html b/tests/markup/snapshots/imagepicker-disabled.snap.html index 08f2f9b84a..d4e314c800 100644 --- a/tests/markup/snapshots/imagepicker-disabled.snap.html +++ b/tests/markup/snapshots/imagepicker-disabled.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -21,7 +21,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-labels.snap.html b/tests/markup/snapshots/imagepicker-labels.snap.html index 17331f33d8..8e50f059ab 100644 --- a/tests/markup/snapshots/imagepicker-labels.snap.html +++ b/tests/markup/snapshots/imagepicker-labels.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -21,7 +21,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-multi.snap.html b/tests/markup/snapshots/imagepicker-multi.snap.html index df61f37d11..f470d92a2c 100644 --- a/tests/markup/snapshots/imagepicker-multi.snap.html +++ b/tests/markup/snapshots/imagepicker-multi.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="checkbox" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="checkbox" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -18,7 +18,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="checkbox" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="checkbox" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-no-image-v2.snap.html b/tests/markup/snapshots/imagepicker-no-image-v2.snap.html index 7a1ba0ad01..4dda08d12a 100644 --- a/tests/markup/snapshots/imagepicker-no-image-v2.snap.html +++ b/tests/markup/snapshots/imagepicker-no-image-v2.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -23,7 +23,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-no-image.snap.html b/tests/markup/snapshots/imagepicker-no-image.snap.html index 7a1ba0ad01..4dda08d12a 100644 --- a/tests/markup/snapshots/imagepicker-no-image.snap.html +++ b/tests/markup/snapshots/imagepicker-no-image.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -23,7 +23,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" disabled="" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-readonly.snap.html b/tests/markup/snapshots/imagepicker-readonly.snap.html index 11f9317b43..88f95f3266 100644 --- a/tests/markup/snapshots/imagepicker-readonly.snap.html +++ b/tests/markup/snapshots/imagepicker-readonly.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline sd-imagepicker__item--readonly"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" readonly="" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" readonly="" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -21,7 +21,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline sd-imagepicker__item--readonly"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" readonly="" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" readonly="" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker-video.snap.html b/tests/markup/snapshots/imagepicker-video.snap.html index 36350a857b..ba3107fe8b 100644 --- a/tests/markup/snapshots/imagepicker-video.snap.html +++ b/tests/markup/snapshots/imagepicker-video.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -22,7 +22,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> diff --git a/tests/markup/snapshots/imagepicker.snap.html b/tests/markup/snapshots/imagepicker.snap.html index e14c3c7220..597dbc8b57 100644 --- a/tests/markup/snapshots/imagepicker.snap.html +++ b/tests/markup/snapshots/imagepicker.snap.html @@ -2,7 +2,7 @@ <legend class="sv-hidden">question1</legend> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> + <input aria-invalid="false" aria-label="item1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_0" name="question1_testid0" type="radio" value="item1"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator"> @@ -18,7 +18,7 @@ </div> <div class="sd-imagepicker__item sd-imagepicker__item--allowhover sd-imagepicker__item--inline"> <label class="sd-imagepicker__label"> - <input aria-invalid="false" aria-label="question1" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> + <input aria-invalid="false" aria-label="item2" aria-required="false" class="sd-imagepicker__control sd-visuallyhidden" id="testid0i_1" name="question1_testid0" type="radio" value="item2"> <div class="sd-imagepicker__item-decorator"> <div class="sd-imagepicker__image-container"> <span aria-hidden="true" class="sd-imagepicker__check-decorator">