From 0f5a7d8a04ab2aee84e11a5a8c76dba77b5c02f3 Mon Sep 17 00:00:00 2001
From: ReneOv-MSFT <142273469+ReneOv-MSFT@users.noreply.github.com>
Date: Wed, 3 Jan 2024 11:07:29 -0800
Subject: [PATCH] S360/voiceover (#2866)

* S360 Expanded-collapsed menus voiceover

* S360 Read only tab titles on tab group navigation
---
 .../metrics-monitor-metric/metrics-monitor-metric.html          | 2 +-
 .../pool/graphs/heatmap/legend/nodes-heatmap-legend.html        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/desktop/src/@batch-flask/ui/metrics-monitor/metrics-monitor-metric/metrics-monitor-metric.html b/desktop/src/@batch-flask/ui/metrics-monitor/metrics-monitor-metric/metrics-monitor-metric.html
index 94e37f4c3..c1b9a3bad 100644
--- a/desktop/src/@batch-flask/ui/metrics-monitor/metrics-monitor-metric/metrics-monitor-metric.html
+++ b/desktop/src/@batch-flask/ui/metrics-monitor/metrics-monitor-metric/metrics-monitor-metric.html
@@ -1,6 +1,6 @@
 <ng-template #preview>
     <div class="preview">
-        <div class="graph">
+        <div class="graph" aria-hidden="true">
             <ng-content select=[blMonitorGraphPreview]></ng-content>
         </div>
         <div class="info">
diff --git a/desktop/src/app/components/pool/graphs/heatmap/legend/nodes-heatmap-legend.html b/desktop/src/app/components/pool/graphs/heatmap/legend/nodes-heatmap-legend.html
index fb6562f2a..3f71ac5c0 100644
--- a/desktop/src/app/components/pool/graphs/heatmap/legend/nodes-heatmap-legend.html
+++ b/desktop/src/app/components/pool/graphs/heatmap/legend/nodes-heatmap-legend.html
@@ -6,7 +6,7 @@
     </bl-clickable>
     <div *ngIf="item.category">
         <bl-clickable class="legend-item category" (do)="selectState(item.category, item.category)" [attr.aria-selected]="item.category === highlightedState" [class.highlighted]="item.category === highlightedState"
-            (contextmenu)="openContextMenu(item)">
+            (contextmenu)="openContextMenu(item)" [attr.aria-expanded]="item.category === expandedCategory">
             <div [style.backgroundColor]="item.color" class="color"></div>
             <div class="label">{{item.label}} ({{stateCounter.getCountforCategory(item.category)}})</div>
             <div class="category-expansion">