From 37789867243e691899bd64f7c85d147e7b7d4044 Mon Sep 17 00:00:00 2001
From: Corson-Dosch <hcorson-dosch@usgs.gov>
Date: Thu, 12 Dec 2024 18:00:04 -0600
Subject: [PATCH] Add aria role and attribute and make keydown event triggered
by enter or space
---
src/components/RegionalFiresViz.vue | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
diff --git a/src/components/RegionalFiresViz.vue b/src/components/RegionalFiresViz.vue
index df794e6..9b79de0 100644
--- a/src/components/RegionalFiresViz.vue
+++ b/src/components/RegionalFiresViz.vue
@@ -300,12 +300,14 @@
// add tab-index selection and keypress events for fire markers
for (let i=0; i < 2; i++) {
d3.select(`#source-${i}`)
- .attr('tabindex', 0)
- .on("keypress", function(event) {
- if(event.key == 'Enter'){
- keypressFire(event)
- }
- })
+ .attr('tabindex', 0)
+ .attr("role", "button")
+ .attr("aria-label", i == 0 ? 'Dennison Fork 2015 wildfire' : 'Steamboat Creek 2016 wildfire')
+ .on("keydown", function(event) {
+ if(event.code == 'Enter' | event.code == 'Space'){
+ keypressFire(event)
+ }
+ })
}
// draw default line
--
GitLab