Skip to content

Commit 9d7a6ff

Browse files
committed
fix: address some a11y issues
1 parent 19e35fb commit 9d7a6ff

3 files changed

Lines changed: 6 additions & 0 deletions

File tree

app/components/CodeFileTree.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ function isExpanded(path: string): boolean {
5353
<!-- Directory -->
5454
<template v-if="node.type === 'directory'">
5555
<button
56+
type="button"
5657
class="w-full flex items-center gap-1.5 py-1.5 px-3 text-left font-mono text-sm transition-colors hover:bg-bg-muted"
5758
:class="isNodeActive(node) ? 'text-fg' : 'text-fg-muted'"
5859
:style="{ paddingLeft: `${depth * 12 + 12}px` }"

app/components/CodeMobileTreeDrawer.vue

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,7 @@ onUnmounted(() => {
3636
<template>
3737
<!-- Toggle button (mobile only) -->
3838
<button
39+
type="button"
3940
class="md:hidden fixed bottom-4 right-4 z-40 w-12 h-12 bg-bg-elevated border border-border rounded-full shadow-lg flex items-center justify-center text-fg-muted hover:text-fg transition-colors"
4041
aria-label="Toggle file tree"
4142
@click="isOpen = !isOpen"
@@ -73,6 +74,7 @@ onUnmounted(() => {
7374
>
7475
<span class="font-mono text-sm text-fg-muted">Files</span>
7576
<button
77+
type="button"
7678
class="text-fg-muted hover:text-fg transition-colors"
7779
aria-label="Close file tree"
7880
@click="isOpen = false"

app/pages/code/[...path].vue

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -312,7 +312,9 @@ useSeoMeta({
312312
</NuxtLink>
313313
<!-- Version selector -->
314314
<div v-if="version && availableVersions.length > 0" class="relative shrink-0">
315+
<label for="version-select" class="sr-only">Select version</label>
315316
<select
317+
id="version-select"
316318
:value="version"
317319
:title="`v${version}`"
318320
class="appearance-none pl-2 pr-6 py-0.5 font-mono text-sm bg-bg-muted border border-border rounded cursor-pointer hover:border-border-hover transition-colors max-w-32 sm:max-w-48 truncate"
@@ -414,6 +416,7 @@ useSeoMeta({
414416
<div class="flex items-center gap-2">
415417
<button
416418
v-if="selectedLines"
419+
type="button"
417420
class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors"
418421
@click="copyPermalink"
419422
>

0 commit comments

Comments
 (0)