From eb259cd5d3e0191939dc7ef4a7dbc4fa65a05128 Mon Sep 17 00:00:00 2001
From: huangkevin-apr <huangkevinapr@outlook.com>
Date: Sun, 25 Jan 2026 09:53:12 +0100
Subject: [PATCH]  Improve accessibility of suite navigation bar

---
 plugins/theme-rushstack-suite-nav/src/theme/Root/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/plugins/theme-rushstack-suite-nav/src/theme/Root/index.tsx b/plugins/theme-rushstack-suite-nav/src/theme/Root/index.tsx
index c7e8cc7e9..0f901da00 100644
--- a/plugins/theme-rushstack-suite-nav/src/theme/Root/index.tsx
+++ b/plugins/theme-rushstack-suite-nav/src/theme/Root/index.tsx
@@ -84,13 +84,14 @@ class Root extends React.Component<React.PropsWithChildren<{}>> {
 
     return (
       <>
-        <div className={styles.suiteNavBar}>
+        <nav className={styles.suiteNavBar}>
           <div
             role="button"
+            aria-label="Applications"
             className={[styles.waffle, styles.waffleInteraction].join(' ')}
             onClick={this._onOpenPopup}
           >
-            <img src={'/images/suitenav/rs-waffle.svg'} />
+            <img src={'/images/suitenav/rs-waffle.svg'} alt="" />
           </div>
           <div className={styles.waffleDivider} />
 
@@ -106,7 +107,7 @@ class Root extends React.Component<React.PropsWithChildren<{}>> {
           <a href="https://rushstack.io/community/events/" className={styles.suiteNavItem}>
             Events
           </a>
-        </div>
+        </nav>
 
         {popupPane}