From 4c5116bc89a9590dbc9c75d4da74a39df6c56744 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Tue, 14 Apr 2026 01:02:12 +0200
Subject: [PATCH] fix: make FontChange modal trigger keyboard accessible
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace <a> with <button> for the typography icon in HeaderNote so it
receives tab focus — <a> without href is excluded from the tab order.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/HeaderNote.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/HeaderNote.vue b/src/components/HeaderNote.vue
index 53c5a02..aebd0ca 100644
--- a/src/components/HeaderNote.vue
+++ b/src/components/HeaderNote.vue
@@ -32,7 +32,7 @@ defineProps<{ user: string; repo: string }>()
       </svg>
     </router-link> -->
 
-    <a class="btn btn-ghost btn-circle" onclick="font_modal.showModal()">
+    <button class="btn btn-ghost btn-circle" onclick="font_modal.showModal()">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         class="icon icon-tabler icons-tabler-outline icon-tabler-typography"
@@ -51,7 +51,7 @@ defineProps<{ user: string; repo: string }>()
         <path d="M10.2 6.3l5.8 13.7" />
         <path d="M5 20l6 -16l2 0l7 16" />
       </svg>
-    </a>
+    </button>
     <router-link
       class="btn btn-ghost btn-circle"
       :to="{ name: 'FluxNoteView', params: { user, repo } }"