Label deck and universal bar buttons for screen readers on mobile. Still needs translation and aria-selected

This commit is contained in:
TalonTheDragon 2023-05-21 19:17:13 +02:00
parent 0b7e9068bc
commit fd9d23f3cb
2 changed files with 11 additions and 2 deletions

View File

@ -111,6 +111,7 @@
<div v-if="isMobile" class="buttons">
<button
aria-label="Menu"
class="button nav _button"
@click="drawerMenuShowing = true"
>
@ -119,10 +120,11 @@
><i class="ph-circle ph-fill"></i
></span>
</button>
<button class="button home _button" @click="mainRouter.push('/')">
<button aria-label="Home" class="button home _button" @click="mainRouter.push('/')">
<i class="ph-house ph-bold ph-lg"></i>
</button>
<button
aria-label="Notifications"
class="button notifications _button"
@click="mainRouter.push('/my/notifications')"
>
@ -131,7 +133,7 @@
><i class="ph-circle ph-fill"></i
></span>
</button>
<button class="button post _button" @click="os.post()">
<button aria-label="Post" class="button post _button" @click="os.post()">
<i class="ph-pencil ph-bold ph-lg"></i>
</button>
</div>

View File

@ -36,6 +36,7 @@
<div v-if="isMobile" class="buttons">
<button
aria-label="Menu"
class="button nav _button"
@click="drawerMenuShowing = true"
>
@ -47,6 +48,7 @@
</div>
</button>
<button
aria-label="Home"
class="button home _button"
@click="
mainRouter.currentRoute.value.name === 'index'
@ -63,6 +65,7 @@
</div>
</button>
<button
aria-label="Notifications"
class="button notifications _button"
@click="
mainRouter.push('/my/notifications');
@ -80,6 +83,7 @@
</div>
</button>
<button
aria-label="Chat"
class="button messaging _button"
@click="
mainRouter.push('/my/messaging');
@ -99,6 +103,7 @@
</div>
</button>
<button
aria-label="Widgets"
class="button widget _button"
@click="widgetsShowing = true"
>
@ -111,6 +116,7 @@
<button
v-if="isMobile && mainRouter.currentRoute.value.name === 'index'"
ref="postButton"
aria-label="Post"
class="postButton button post _button"
@click="os.post()"
>
@ -122,6 +128,7 @@
"
ref="postButton"
class="postButton button post _button"
aria-label="New Chat"
@click="messagingStart"
>
<i class="ph-user-plus ph-bold ph-lg"></i>