remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make FontChange modal trigger keyboard accessible

Browse Source 
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>
This commit is contained in:
Julien Calixte
2026-04-14 01:02:12 +02:00
parent 8581baafb7
commit 4c5116bc89
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/HeaderNote.vue
View File

@@ -32,7 +32,7 @@ defineProps<{ user: string; repo: string }>()
</svg> </svg>
</router-link> --> </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 <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icons-tabler-outline icon-tabler-typography" 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="M10.2 6.3l5.8 13.7" />
<path d="M5 20l6 -16l2 0l7 16" /> <path d="M5 20l6 -16l2 0l7 16" />
</svg> </svg>
</a> </button>
<router-link <router-link
class="btn btn-ghost btn-circle" class="btn btn-ghost btn-circle"
:to="{ name: 'FluxNoteView', params: { user, repo } }" :to="{ name: 'FluxNoteView', params: { user, repo } }"