diff --git a/config/locales/js-en.yml b/config/locales/js-en.yml
index 2c7fa8998a..b2c36d39f7 100644
--- a/config/locales/js-en.yml
+++ b/config/locales/js-en.yml
@@ -1267,3 +1267,9 @@ en:
load_error_message: 'There was an error loading the form'
validation_error_message: 'Please fix the errors present in the form'
advanced_settings: 'Advanced settings'
+
+ spot:
+ filter_chip:
+ remove: 'Remove'
+ drop_modal:
+ Close: 'Close'
diff --git a/frontend/src/app/shared/components/project-include/project-include.component.html b/frontend/src/app/shared/components/project-include/project-include.component.html
index 91b108d3ff..6306721f01 100644
--- a/frontend/src/app/shared/components/project-include/project-include.component.html
+++ b/frontend/src/app/shared/components/project-include/project-include.component.html
@@ -41,7 +41,7 @@
>
diff --git a/frontend/src/app/spot/components/drop-modal/drop-modal.component.html b/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
index 0cf769a450..4e6994f7bd 100644
--- a/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
+++ b/frontend/src/app/spot/components/drop-modal/drop-modal.component.html
@@ -9,7 +9,7 @@
-
{{ title }}
+ [attr.aria-label]="text.remove"
+>
+
+
+
+
+ {{ title }}
+
diff --git a/frontend/src/app/spot/components/filter-chip/filter-chip.component.ts b/frontend/src/app/spot/components/filter-chip/filter-chip.component.ts
index 4ab898ae89..528b7251da 100644
--- a/frontend/src/app/spot/components/filter-chip/filter-chip.component.ts
+++ b/frontend/src/app/spot/components/filter-chip/filter-chip.component.ts
@@ -5,6 +5,7 @@ import {
Input,
Output,
} from '@angular/core';
+import { I18nService } from 'core-app/core/i18n/i18n.service';
@Component({
selector: 'spot-filter-chip',
@@ -16,6 +17,20 @@ export class SpotFilterChipComponent {
@Input() removable = true;
@Input() title = '';
+ @Input() icon = '';
@Output() remove = new EventEmitter();
+
+ public text = {
+ remove: this.i18n.t('js.spot.filter_chip.remove'),
+ };
+
+ public get iconClasses() {
+ return [
+ 'spot-icon',
+ `spot-icon_${this.icon}`,
+ ];
+ }
+
+ constructor(readonly i18n:I18nService) {}
}
diff --git a/frontend/src/app/spot/spot-docs.component.html b/frontend/src/app/spot/spot-docs.component.html
index 3f310e05d6..da5839270a 100644
--- a/frontend/src/app/spot/spot-docs.component.html
+++ b/frontend/src/app/spot/spot-docs.component.html
@@ -138,8 +138,18 @@ Currently selected value is {{ toggleValue }}
(remove)="onRemoveChip()"
>
+
+
Text Field