fix: make unified filter chip accessible

Signed-off-by: Kristian Zendato <kristian.zendato@nextcloud.com>

Author: kristian-zendato

core/src/components/UnifiedSearch/SearchFilterChip.vue

@@ -9,13 +9,17 @@
 			<span v-if="pretext.length"> {{ pretext }} : </span>
 		</span>
 		<span class="text">{{ text }}</span>
-		<span class="close-icon" @click="deleteChip">
+		<button
+			class="close-icon"
+			:aria-label="removeAriaLabel"
+			@click="deleteChip">
 			<CloseIcon :size="18" />
-		</span>
+		</button>
 	</div>
 </template>
 
 <script>
+import { t } from '@nextcloud/l10n'
 import CloseIcon from 'vue-material-design-icons/Close.vue'
 
 export default {
@@ -36,6 +40,12 @@ export default {
 		},
 	},
 
+	computed: {
+		removeAriaLabel() {
+			return t('core', 'Remove filter: {text}', { text: this.text })
+		},
+	},
+
 	methods: {
 		deleteChip() {
 			this.$emit('delete', this.filter)
@@ -72,7 +82,9 @@ export default {
     }
 
     .close-icon {
-        cursor: pointer ;
+		background: transparent;
+		padding: 0;
+		min-height: 0;
 
         :hover {
             filter: invert(20%);