From 05e168847e01871ba5836e04cd7a13954286415b Mon Sep 17 00:00:00 2001
From: Gavin Barron <gavinbarron@microsoft.com>
Date: Fri, 5 Sep 2025 23:57:32 +0000
Subject: [PATCH] fix: menu button narration

---
 .../sub-components/mgt-arrow-options/mgt-arrow-options.ts     | 4 +++-
 .../sub-components/mgt-dot-options/mgt-dot-options.ts         | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/mgt-components/src/components/sub-components/mgt-arrow-options/mgt-arrow-options.ts b/packages/mgt-components/src/components/sub-components/mgt-arrow-options/mgt-arrow-options.ts
index 2ec07409ec..42e9e50f63 100644
--- a/packages/mgt-components/src/components/sub-components/mgt-arrow-options/mgt-arrow-options.ts
+++ b/packages/mgt-components/src/components/sub-components/mgt-arrow-options/mgt-arrow-options.ts
@@ -151,7 +151,9 @@ export class MgtArrowOptions extends MgtBaseTaskComponent {
         class="header"
         @click=${this.onHeaderClick}
         @keydown=${this.onHeaderKeyDown}
-        appearance="lightweight">
+        appearance="lightweight"
+        aria-haspopup="true"
+        aria-expanded=${this.open}>
           ${this.value}
       </fluent-button>
       <fluent-menu
diff --git a/packages/mgt-components/src/components/sub-components/mgt-dot-options/mgt-dot-options.ts b/packages/mgt-components/src/components/sub-components/mgt-dot-options/mgt-dot-options.ts
index 01eca645cb..7a88535ca8 100644
--- a/packages/mgt-components/src/components/sub-components/mgt-dot-options/mgt-dot-options.ts
+++ b/packages/mgt-components/src/components/sub-components/mgt-dot-options/mgt-dot-options.ts
@@ -98,7 +98,9 @@ export class MgtDotOptions extends MgtBaseTaskComponent {
         aria-expanded=${this.open}
         @click=${this.onDotClick}
         @keydown=${this.onDotKeydown}
-        class="dot-icon">${getSvg(SvgIcon.Dot)}</fluent-button>
+        class="dot-icon"
+        aria-haspopup="true"
+        aria-expanded=${this.open}>${getSvg(SvgIcon.Dot)}</fluent-button>
       <fluent-menu class=${classMap({ menu: true, open: this.open })} aria-expanded=${this.open} aria-label=${this.strings.dotOptionsTitle}>
         ${menuOptions.map(opt => this.getMenuOption(opt, this.options[opt]))}
       </fluent-menu>`;