diff --git a/site/src/pages/index.astro b/site/src/pages/index.astro
index 2402ac3..b4554f3 100644
--- a/site/src/pages/index.astro
+++ b/site/src/pages/index.astro
@@ -25,7 +25,7 @@ const description =
 
   <h2>What is measured</h2>
 
-  <div class="scroller">
+  <div class="scroller" tabindex="0" role="region" aria-label="Measurement results">
     <table>
       <thead>
         <tr><th>Setting</th><th>Result</th></tr>
diff --git a/site/src/styles/global.css b/site/src/styles/global.css
index 6025f9d..5712214 100644
--- a/site/src/styles/global.css
+++ b/site/src/styles/global.css
@@ -98,9 +98,14 @@ body {
   text-decoration: none;
 }
 
-.nav a:hover,
+.nav a:hover {
+  color: var(--accent);
+}
+
 .nav a:focus-visible {
   color: var(--accent);
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
 }
 
 .theme-toggle {
@@ -198,9 +203,14 @@ li {
   border: 1px solid var(--rule);
 }
 
-.btn:hover,
+.btn:hover {
+  filter: brightness(1.08);
+}
+
 .btn:focus-visible {
   filter: brightness(1.08);
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
 }
 
 .scroller {
@@ -211,6 +221,11 @@ li {
   margin: 0 0 1.1rem;
 }
 
+.scroller:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+}
+
 table {
   border-collapse: collapse;
   width: 100%;