Label and focus styling for mobile menu button

options/locale/locale_en-US.ini

@@ -26,6 +26,7 @@ enable_javascript = This website requires JavaScript.
 toc = Table of Contents
 licenses = Licenses
 return_to_gitea = Return to Forgejo
+toggle_menu = Toggle Menu
 
 username = Username
 email = Email address

templates/base/head_navbar.tmpl

@@ -20,7 +20,7 @@
 				</div>
 			</a>
 			{{end}}
-			<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle">{{svg "octicon-three-bars"}}</button>
+			<button class="item gt-w-auto ui icon mini button gt-p-3 gt-m-0" id="navbar-expand-toggle" aria-label="{{ctx.Locale.Tr "toggle_menu"}}">{{svg "octicon-three-bars"}}</button>
 		</div>
 
 		<!-- navbar links non-mobile -->

web_src/css/modules/navbar.css

@@ -41,8 +41,8 @@
   justify-content: stretch;
 }
 
-#navbar a.item:hover,
-#navbar button.item:hover {
+#navbar a.item:hover, #navbar a.item:focus,
+#navbar button.item:hover, #navbar button.item:focus {
   background: var(--color-nav-hover-bg);
 }