fix: menu button narration

Author: gavinbarron

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

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>`;