AkkomaGang/akkoma-fe
4
13
Fork 67
Code Issues 82 Pull requests 17 Projects Releases 1 Wiki Activity

Update timeline menu content with screenreader accessible labels
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
eris 2022-08-01 17:47:46 +00:00
parent c74e939a82
commit df031449ca
1 changed files with 30 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/components/timeline_menu/timeline_menu_content.vue
View file

@ -9,7 +9,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="home"
/><span :title="$t('nav.home_timeline_description')">{{ $t("nav.home_timeline") }}</span>
/>
<span
:title="$t('nav.home_timeline_description')"
:aria-label="$t('nav.home_timeline_description')"
>{{ $t("nav.home_timeline") }}</span>
</router-link>
</li>
<li v-if="currentUser">
@ -21,7 +25,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="circle"
/><span :title="$t('nav.bubble_timeline_description')">{{ $t("nav.bubble_timeline") }}</span>
/>
<span
:title="$t('nav.bubble_timeline_description')"
:aria-label="$t('nav.bubble_timeline_description')"
>{{ $t("nav.bubble_timeline") }}</span>
</router-link>
</li>
<li v-if="currentUser || !privateMode">
@ -33,7 +41,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="users"
/><span :title="$t('nav.public_timeline_description')">{{ $t("nav.public_tl") }}</span>
/>
<span
:title="$t('nav.public_timeline_description')"
:aria-label="$t('nav.public_timeline_description')"
>{{ $t("nav.public_tl") }}</span>
</router-link>
</li>
<li v-if="federating && (currentUser || !privateMode)">
@ -45,7 +57,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="globe"
/><span :title="$t('nav.twkn_timeline_description')">{{ $t("nav.twkn") }}</span>
/>
<span
:title="$t('nav.twkn_timeline_description')"
:aria-label="$t('nav.twkn_timeline_description')"
>{{ $t("nav.twkn") }}</span>
</router-link>
</li>
<li v-if="currentUser">
@ -57,7 +73,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="bookmark"
/>{{ $t("nav.bookmarks") }}
/>
<span
:title="$t('nav.bookmarks')"
:aria-label="$t('nav.bookmarks')"
>{{ $t("nav.bookmarks") }}</span>
</router-link>
</li>
<li v-if="currentUser">
@ -69,7 +89,11 @@
fixed-width
class="fa-scale-110 fa-old-padding "
icon="envelope"
/>{{ $t("nav.dms") }}
/>
<span
:title="$t('nav.dms')"
:aria-label="$t('nav.dms')"
>{{ $t("nav.dms") }}</span>
</router-link>
</li>
</ul>