zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

fix(a11y): add more aria labels

Browse source
This commit is contained in:
Daniel Roe 2022-11-29 21:24:26 +00:00
parent 9ad79d5f37
commit 59e365591d
No known key found for this signature in database
GPG key ID: 22D5008E4F5D9B55
11 changed files with 15 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

3
components/nav/NavFooter.vue
View file

@ -8,13 +8,14 @@ const buildTimeAgo = useTimeAgo(buildTime)
<footer p4 text-sm text-secondary-light flex="~ col">
<div flex="~ gap2" items-center mb4>
<CommonTooltip :content="t('nav_footer.toggle_theme')">
<button flex i-ri:sun-line dark:i-ri:moon-line text-lg @click="toggleDark()" />
<button flex i-ri:sun-line dark:i-ri:moon-line text-lg :aria-label="t('nav_footer.toggle_theme')" @click="toggleDark()" />
</CommonTooltip>
<CommonTooltip :content="t('nav_footer.zen_mode')">
<button
flex
text-lg
:class="isZenMode ? 'i-ri:layout-right-2-line' : 'i-ri:layout-right-line'"
:aria-label="t('nav_footer.zen_mode')"
@click="toggleZenMode()"
/>
</CommonTooltip>