f9fa02315060e80003f55f78c770dea0830d128c
lrnassar
  Tue Apr 7 15:33:47 2026 -0700
Make Recent Genomes and Connected Hubs cards keyboard-accessible on hgGateway. refs #37342

diff --git src/hg/htdocs/style/jWest.css src/hg/htdocs/style/jWest.css
index 564cd298293..057fbd6c819 100644
--- src/hg/htdocs/style/jWest.css
+++ src/hg/htdocs/style/jWest.css
@@ -457,35 +457,41 @@
     min-height: fit-content;
     max-height: 350px;
     overflow: auto;
 }
 
 .recentGenomeCard {
     padding: 5px 12px;
     margin-bottom: 6px;
     cursor: pointer;
     border-radius: 4px;
     background-color: white;
     border: 1px solid #e0e0e0;
     transition: background-color 0.15s, border-color 0.15s;
 }
 
-.recentGenomeCard:hover {
+.recentGenomeCard:hover,
+.recentGenomeCard:focus-visible {
     background-color: #f0f5fa;
     border-color: #4c759c;
 }
 
+.recentGenomeCard:focus-visible {
+    outline: 2px solid #4c759c;
+    outline-offset: -2px;
+}
+
 .recentGenomeCard.selected {
     background-color: #e8f0f8;
     border-color: #003a72;
     border-width: 2px;
 }
 
 .recentGenomeLabel {
     font-size: 13px;
     font-weight: bold;
     color: #121e9b;
     margin-bottom: 2px;
 }
 
 .recentGenomeDb {
     font-size: 12px;