diff options
| author | tusooa <tusooa@kazv.moe> | 2022-11-08 23:53:59 +0000 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2022-11-08 23:53:59 +0000 |
| commit | 6263ad7571b82ed7333a831a69a59c4192455b1d (patch) | |
| tree | ff3b50d1c07123d3b8a4a0175492dc3cf29f475c /src/components/mobile_nav/mobile_nav.vue | |
| parent | 23d30c8720046f84a07f8591cccf96c64bf08879 (diff) | |
| parent | b718c0c77d16bf917dc564404cb0fa61a2c535b3 (diff) | |
Merge branch 'from/develop/tusooa/accessibility-regression' into 'develop'
Fix accessibility regressions
Closes #1217
See merge request pleroma/pleroma-fe!1679
Diffstat (limited to 'src/components/mobile_nav/mobile_nav.vue')
| -rw-r--r-- | src/components/mobile_nav/mobile_nav.vue | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/src/components/mobile_nav/mobile_nav.vue b/src/components/mobile_nav/mobile_nav.vue index 264bc713..6e732d1f 100644 --- a/src/components/mobile_nav/mobile_nav.vue +++ b/src/components/mobile_nav/mobile_nav.vue @@ -10,6 +10,8 @@ <div class="item"> <button class="button-unstyled mobile-nav-button" + :title="$t('nav.mobile_sidebar')" + :aria-expanaded="this.$refs.sideDrawer && !this.$refs.sideDrawer.closed" @click.stop.prevent="toggleMobileSidebar()" > <FAIcon @@ -26,6 +28,7 @@ <button v-if="currentUser" class="button-unstyled mobile-nav-button" + :title="unseenNotificationsCount ? $t('nav.mobile_notifications_unread_active') : $t('nav.mobile_notifications')" @click.stop.prevent="openMobileNotifications()" > <FAIcon @@ -39,7 +42,7 @@ </button> </div> </nav> - <div + <aside v-if="currentUser" class="mobile-notifications-drawer" :class="{ '-closed': !notificationsOpen }" @@ -52,6 +55,7 @@ <button v-if="notificationsAtTop" class="button-unstyled mobile-nav-button" + :title="$t('general.scroll_to_top')" @click.stop.prevent="scrollMobileNotificationsToTop" > <FALayers class="fa-scale-110 fa-old-padding-layer"> @@ -64,6 +68,7 @@ </button> <button class="button-unstyled mobile-nav-button" + :title="$t('nav.mobile_notifications_close')" @click.stop.prevent="closeMobileNotifications(true)" > <FAIcon @@ -78,7 +83,7 @@ ref="mobileNotifications" @scroll="onScroll" /> - </div> + </aside> <SideDrawer ref="sideDrawer" :logout="logout" |