From e9b00e448eee279e884f1ed095ab03e33233fe31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 26 Feb 2024 13:45:18 -0500
Subject: [PATCH] add aria-label to tag input

---
 public/language/en-GB/aria.json   | 3 ++-
 public/src/client/account/tags.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/language/en-GB/aria.json b/public/language/en-GB/aria.json
index 5071547739..1e2012ed17 100644
--- a/public/language/en-GB/aria.json
+++ b/public/language/en-GB/aria.json
@@ -1,5 +1,6 @@
 {
 	"post-sort-option": "Post sort option, %1",
 	"topic-sort-option": "Topic sort option, %1",
-	"user-avatar-for": "User avatar for %1"
+	"user-avatar-for": "User avatar for %1",
+	"user-watched-tags": "User watched tags"
 }
\ No newline at end of file
diff --git a/public/src/client/account/tags.js b/public/src/client/account/tags.js
index c834732116..2ff916712c 100644
--- a/public/src/client/account/tags.js
+++ b/public/src/client/account/tags.js
@@ -11,11 +11,12 @@ define('forum/account/tags', [
 
 		const tagEl = $('[component="tags/watch"]');
 		tagEl.tagsinput({
-			tagClass: 'badge bg-info',
+			tagClass: 'badge text-bg-info',
 			confirmKeys: [13, 44],
 			trimValue: true,
 		});
 		const input = tagEl.siblings('.bootstrap-tagsinput').find('input');
+		input.translateAttr('aria-label', '[[aria:user-watched-tags]]');
 		autocomplete.tag(input);
 
 		ajaxify.data.tags.forEach(function (tag) {