fix: 🐛 Improve accessibility linter warnings

This commit is contained in:
Jesse Wierzbinski 2024-12-07 18:16:58 +01:00
parent a207dea817
commit fc888aa530
No known key found for this signature in database
5 changed files with 14 additions and 13 deletions

View file

@ -1,22 +1,22 @@
<template>
<div class="flex flex-row w-full items-stretch justify-around text-sm *:max-w-28 *:w-full *:text-muted-foreground">
<Button variant="ghost" @click="emit('reply')">
<Button variant="ghost" @click="emit('reply')" title="Reply">
<Reply class="size-5 text-primary" />
{{ numberFormat(replyCount) }}
</Button>
<Button variant="ghost" @click="liked ? unlike() : like()">
<Button variant="ghost" @click="liked ? unlike() : like()" :title="liked ? 'Unlike' : 'Like'">
<Heart class="size-5 text-primary" />
{{ numberFormat(likeCount) }}
</Button>
<Button variant="ghost" @click="reblogged ? unreblog() : reblog()">
<Button variant="ghost" @click="reblogged ? unreblog() : reblog()" :title="reblogged ? 'Unreblog' : 'Reblog'">
<Repeat class="size-5 text-primary" />
{{ numberFormat(reblogCount) }}
</Button>
<Button variant="ghost" @click="emit('quote')">
<Button variant="ghost" @click="emit('quote')" title="Quote">
<Quote class="size-5 text-primary" />
</Button>
<Menu :api-note-string="apiNoteString" :url="url" :remote-url="remoteUrl" :is-remote="isRemote" :author-id="authorId" @edit="emit('edit')" :note-id="noteId" @delete="emit('delete')">
<Button variant="ghost">
<Button variant="ghost" title="Actions">
<Ellipsis class="size-5 text-primary" />
</Button>
</Menu>

View file

@ -19,7 +19,7 @@
<Popover v-if="attachment.description">
<div class="absolute top-0 right-0 p-2">
<PopoverTrigger :as-child="true">
<Button variant="outline" size="icon" class="[&_svg]:size-6">
<Button variant="outline" size="icon" class="[&_svg]:size-6" title="View alt text">
<Captions />
</Button>
</PopoverTrigger>