diff --git a/src/components/GlacierScanViz.vue b/src/components/GlacierScanViz.vue
index 98bd2279fd7fe11d8c9fbd13b7de4a58bfc18901..590cc0c9aa3494202382bedb06edcd0ff9ff9d95 100644
--- a/src/components/GlacierScanViz.vue
+++ b/src/components/GlacierScanViz.vue
@@ -329,8 +329,10 @@
                         .attr("class", `xs photo-sm xs-${id}`)
                     crossSectionSVG.select(`#photo-lg-${photo_id}-${id}`).selectAll("path")
                         .attr("tabindex", 0)
-                        .on("keypress", function(event) {
-                            if(event.key == 'Enter'){
+                        .attr("role", "button")
+                        .attr("aria-label", 'field photo') 
+                        .on("keydown", function(event) {
+                            if(event.code == 'Enter' | event.code == 'Space'){
                                 draw_image(photo_id)
                                 d3.selectAll(".xs")
                                     .style("fill-opacity", 0)