diff --git a/src/App.tsx b/src/App.tsx
index cfc75b9..8f3bf97 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -53,12 +53,19 @@ export default function App() {
 
   return (
     <div class="grid h-full grid-cols-[16rem_1fr] grid-rows-[auto_1fr_auto] bg-surface text-on-surface">
-      <a
-        href="#history"
+      {/* A button rather than a link to `#history`, which is the conventional
+          shape for this. WebKit leaves links out of the tab order unless the
+          system's keyboard navigation setting is turned on, and it is off by
+          default — so on macOS, where the app runs in WKWebView, a skip link
+          is a skip link nobody can reach. A button is tabbable in every engine.
+          Verified in tests/e2e/accessibility.spec.ts against both. */}
+      <button
+        type="button"
+        onClick={() => document.querySelector<HTMLElement>("#history")?.focus()}
         class="sr-only rounded-large bg-primary px-4 py-2 text-label-lg text-on-primary focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-10"
       >
         Skip to history
-      </a>
+      </button>
 
       <header class="col-span-2 flex items-center gap-3 border-b border-outline-variant bg-surface-container px-4 py-2">
         <h1 class="text-title-md">gigit</h1>