diff --git a/modules/blox/assets/css/views/attachments.css b/modules/blox/assets/css/views/attachments.css
index d8f682c66..7b8c394d3 100644
--- a/modules/blox/assets/css/views/attachments.css
+++ b/modules/blox/assets/css/views/attachments.css
@@ -1,9 +1,23 @@
 .hb-attachment-link {
-  @apply inline-block font-semibold uppercase outline-none mr-4 mb-1.5 transition-all text-sm tracking-wide focus:outline-none;
+  @apply inline-block font-semibold uppercase mr-4 mb-1.5 transition-all text-sm tracking-wide;
 
   color: var(--color-primary-600);
 }
 
+/* Keyboard focus indicator. Previously the outline was hard-removed
+   (outline-none + focus:outline-none) with no :focus-visible replacement, so
+   these buttons had no visible keyboard focus (WCAG 2.4.7). :focus-visible
+   restores a ring for keyboard users without showing one on mouse click. */
+.hb-attachment-link:focus-visible {
+  outline: 2px solid var(--color-primary-600);
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.dark .hb-attachment-link:focus-visible {
+  outline-color: var(--color-primary-400);
+}
+
 .hb-attachment-link:hover {
   color: var(--color-primary-700);
   text-decoration: underline;