Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix missing a11y labels on project page buttons

Browse Source
This commit is contained in:
Prospector 2024-08-24 07:04:25 -07:00
parent 58dac27186
commit 9fd0f6834a
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/frontend/src/pages/[type]/[id].vue
View File

@ -506,16 +506,17 @@
<button <button
v-if="auth.user" v-if="auth.user"
v-tooltip="following ? `Unfollow` : `Follow`" v-tooltip="following ? `Unfollow` : `Follow`"
:aria-label="following ? `Unfollow` : `Follow`"
@click="userFollowProject(project)" @click="userFollowProject(project)"
> >
<HeartIcon :fill="following ? 'currentColor' : 'none'" aria-hidden="true" /> <HeartIcon :fill="following ? 'currentColor' : 'none'" aria-hidden="true" />
</button> </button>
<nuxt-link v-else v-tooltip="'Follow'" to="/auth/sign-in"> <nuxt-link v-else v-tooltip="'Follow'" to="/auth/sign-in" aria-label="Follow">
<HeartIcon aria-hidden="true" /> <HeartIcon aria-hidden="true" />
</nuxt-link> </nuxt-link>
</ButtonStyled> </ButtonStyled>
<ButtonStyled size="large" circular> <ButtonStyled size="large" circular>
<PopoutMenu v-if="auth.user" v-tooltip="'Save'" from="top-right"> <PopoutMenu v-if="auth.user" v-tooltip="'Save'" from="top-right" aria-label="Save">
<BookmarkIcon <BookmarkIcon
aria-hidden="true" aria-hidden="true"
:fill=" :fill="
@ -556,7 +557,7 @@
</button> </button>
</template> </template>
</PopoutMenu> </PopoutMenu>
<nuxt-link v-else v-tooltip="'Save'" to="/auth/sign-in"> <nuxt-link v-else v-tooltip="'Save'" to="/auth/sign-in" aria-label="Save">
<BookmarkIcon aria-hidden="true" /> <BookmarkIcon aria-hidden="true" />
</nuxt-link> </nuxt-link>
</ButtonStyled> </ButtonStyled>