diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 3a62fa7..a8e67fc 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -95,10 +95,10 @@
         {/if}
       </div>
       <div class="footer-symbols">
-        <a href="https://bsky.app/profile/{PUBLIC_ATPROTO_DID}" aria-label="Bluesky" class="footer-icon-link">
+        <a href="https://bsky.app/profile/{PUBLIC_ATPROTO_DID}" target="_blank" rel="noopener" aria-label="Bluesky" class="footer-icon-link">
           <Bluesky size={14} />
         </a>
-        <a href="https://eurosky.tech" aria-label="Eurosky" class="footer-icon-link">
+        <a href="https://eurosky.tech" target="_blank" rel="noopener" aria-label="Eurosky" class="footer-icon-link">
           <Eurosky size={14} />
         </a>
         <WolfToggle />
@@ -110,7 +110,7 @@
       <nav class="footer-nav" aria-label="Footer navigation">
         <a href={`mailto:${contactEmail}`} class="footer-link">{contactEmail}</a>
         {#if primaryRepository}
-          <a href={primaryRepository.url} rel="noopener" class="footer-link">source</a>
+          <a href={primaryRepository.url} target="_blank" rel="noopener" class="footer-link">source</a>
         {/if}
         {#if projectLicense?.url}
           <a href={projectLicense.url} rel="license noopener" class="footer-link">{projectLicense.name ?? 'license'}</a>
diff --git a/src/lib/styles/components.css b/src/lib/styles/components.css
index 567b282..c7a8364 100644
--- a/src/lib/styles/components.css
+++ b/src/lib/styles/components.css
@@ -168,7 +168,12 @@
 
     .nav-link:hover,
     .nav-link.active {
-      background: var(--surface-sunken);
+      color: var(--color-primary-700);
+      background: color-mix(
+        in oklch,
+        var(--color-primary-500) 12%,
+        var(--surface-sunken)
+      );
       box-shadow: none;
     }
   }
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 55c92f6..797e388 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -270,9 +270,10 @@
         <dl class="id-list">
           <dt>DID</dt>
           <dd>
-            <button 
-              type="button" 
-              class="copy-btn copy-btn--compact" 
+            <button
+              type="button"
+              class="copy-btn copy-btn--compact"
+              aria-live="polite"
               onclick={() => copyToClipboard(profile.did, 'did')}
             >
               {copiedIndex === 'did' ? 'Copied' : 'Copy DID'}
diff --git a/src/routes/support/+page.svelte b/src/routes/support/+page.svelte
index defa50f..ef78c77 100644
--- a/src/routes/support/+page.svelte
+++ b/src/routes/support/+page.svelte
@@ -95,6 +95,7 @@
             type="button"
             class="copy-btn"
             aria-label="Copy {crypto.coin} address"
+            aria-live="polite"
             onclick={() => copyAddress(crypto.address, i)}
           >
             {#if copiedIndex === i}
-- 
2.51.2


From b9422f3a3eda6c9d77a8cfa115a36d2492c28187 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 27 Jul 2026 06:54:26 +0000
Subject: [PATCH 2/2] Make BaseModal a true native modal dialog

Setting the open attribute on <dialog> renders it in non-modal mode:
no focus trap, no inert background, and no cancel event on Escape,
so keyboard users could tab out of the sabbat/verification/backlink
modals and Escape did nothing. Call showModal()/close() instead so
the dialog gets native modal behaviour, matching the keyboard/focus
expectations the rest of the site already meets.
---
 src/lib/components/BaseModal.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/BaseModal.svelte b/src/lib/components/BaseModal.svelte
index 22c69cd..fa03d1b 100644
--- a/src/lib/components/BaseModal.svelte
+++ b/src/lib/components/BaseModal.svelte
@@ -26,9 +26,19 @@
   } = $props();
 
   let portalElement = $state<HTMLElement | null>(null);
+  let dialogElement = $state<HTMLDialogElement | null>(null);
+
   onMount(() => {
     portalElement = document.body;
   });
+
+  $effect(() => {
+    if (open) {
+      dialogElement?.showModal();
+    } else {
+      dialogElement?.close();
+    }
+  });
 </script>
 
 {#if open && portalElement}
@@ -36,9 +46,8 @@
   <div use:portal={portalElement} class="portal-wrapper">
     <div class="backdrop" role="presentation" onclick={onClose}></div>
     <dialog
-      {open}
+      bind:this={dialogElement}
       class="base-modal"
-      aria-modal="true"
       aria-label={title}
       oncancel={(event) => {
         event.preventDefault();