diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index 43a8aeb08eb1c..2f303ad077f3d 100644
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -2331,6 +2331,7 @@ tag.create_success = Tag '%s' has been created.
 
 topic.manage_topics = Manage Topics
 topic.done = Done
+topic.delete = Delete
 topic.count_prompt = You cannot select more than 25 topics
 topic.format_prompt = Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index 82e6626e333a5..d74f8c0efcf84 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -30,7 +30,7 @@
 		</div>
 		<div class="mt-3" id="repo-topics">
 		{{range .Topics}}<a class="ui repo-topic large label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}}
-		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<a id="manage_topic" class="muted">{{.locale.Tr "repo.topic.manage_topics"}}</a>{{end}}
+		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<a id="manage_topic" class="muted" tabindex="0">{{.locale.Tr "repo.topic.manage_topics"}}</a>{{end}}
 		</div>
 		{{end}}
 		{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
@@ -40,7 +40,7 @@
 					<div class="ui fluid multiple search selection dropdown">
 						<input type="hidden" name="topics" value="{{range $i, $v := .Topics}}{{.Name}}{{if lt (Add $i 1) (len $.Topics)}},{{end}}{{end}}">
 						{{range .Topics}}
-						<div class="ui small label topic transition visible" data-value="{{.Name}}" style="display: inline-block !important; cursor: default;">{{.Name}}{{svg "octicon-x" 16 "delete icon ml-3 mt-1"}}</div>
+						<div class="ui small label topic transition visible" data-value="{{.Name}}" style="display: inline-block !important; cursor: default;">{{.Name}}<span class="delete icon ml-3 mt-1" tabindex="0" aria-label="{{$.locale.Tr "repo.topic.delete"}} {{.Name}}">{{svg "octicon-x" 16}}</span></div>
 						{{end}}
 						<div class="text"></div>
 					</div>
diff --git a/web_src/js/features/repo-home.js b/web_src/js/features/repo-home.js
index c4bdf3d4506dc..4b89dfcc66f1d 100644
--- a/web_src/js/features/repo-home.js
+++ b/web_src/js/features/repo-home.js
@@ -16,6 +16,12 @@ export function initRepoTopicBar() {
     viewDiv.hide();
     editDiv.css('display', ''); // show Semantic UI Grid
   });
+  mgrBtn.on('keydown', (e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      viewDiv.hide();
+      editDiv.css('display', ''); // show Semantic UI Grid
+    }
+  });
 
   function getPrompts() {
     const hidePrompt = $('div.hide#validate_prompt');