From 512cbe4127f431d1da95c137fe29ad6e3d2c6ab3 Mon Sep 17 00:00:00 2001
From: "Hill, John (ARC-TI)[KBR Wyle Services, LLC]" <john.c.hill@nasa.gov>
Date: Tue, 23 Jul 2024 11:57:29 -0700
Subject: [PATCH] add expand component

---
 src/plugins/plot/legend/PlotLegend.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/plugins/plot/legend/PlotLegend.vue b/src/plugins/plot/legend/PlotLegend.vue
index 30646b1dcb..77a64c034a 100644
--- a/src/plugins/plot/legend/PlotLegend.vue
+++ b/src/plugins/plot/legend/PlotLegend.vue
@@ -30,6 +30,8 @@
     <button
       class="c-plot-legend__view-control gl-plot-legend__view-control c-disclosure-triangle is-enabled"
       :class="{ 'c-disclosure-triangle--expanded': isLegendExpanded }"
+      :aria-label="ariaLabelValue"
+      tabindex="0"
       @click="toggleLegend"
     ></button>
 
@@ -127,6 +129,11 @@ export default {
     };
   },
   computed: {
+    ariaLabelValue() {
+      const name = this.domainObject.name ? ` ${this.domainObject.name}` : '';
+
+      return `${this.isLegendExpanded ? 'Collapse' : 'Expand'}${name} Legend`;
+    },
     showUnitsWhenExpanded() {
       return this.loaded && this.legend.get('showUnitsWhenExpanded') === true;
     },