diff --git a/web/viewer.css b/web/viewer.css
index 17dd46b38fdd7..b4f402384123b 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -843,6 +843,22 @@ dialog :link {
       height: auto;
     }
   }
+  /* Show tooltips for keyboard users */
+  &:focus::after,
+  &:hover::after {
+    content: attr(title);
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    white-space: nowrap;
+    background: rgb(0 0 0 / 0.8);
+    color: #fff;
+    padding: 4px 6px;
+    border-radius: 4px;
+    font-size: 12px;
+    pointer-events: none;
+  }
 }
 
 .toolbarButtonWithContainer {