+ @click="handleClick(plurl, $event)"
+ tabindex="0"
+ @keydown.enter="handleClick(plurl, $event)"
+ :aria-label="`Play track: ${plurl.title}`">
{
diff --git a/src/components/SongItem.vue b/src/components/SongItem.vue
index fbdeb69..3286dec 100644
--- a/src/components/SongItem.vue
+++ b/src/components/SongItem.vue
@@ -129,7 +129,7 @@ const openSong = el => {
{{ author ? author.replaceAll(' - Topic', '') : '' }}
-
+
{{ t('title.now_playing') }}
@@ -138,24 +138,35 @@ const openSong = el => {
class="bi bi-three-dots-vertical popup-wrap ign"
@mouseenter="show = true"
@mouseleave="show = false"
- @keyup.enter="show = !show">
+ @keyup.enter="show = !show"
+ :aria-label="t('action.more_controls')">
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index cc6880d..755a87f 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -77,10 +77,16 @@ async function Like() {
-
{{ getFormattedTime(player.state.realTime) }}
-
+
+ {{ getFormattedTime(player.state.realTime) }}
+
+
-
{{ getFormattedTime(player.state.duration) }}
+
+ {{ getFormattedTime(player.state.duration) }}
+
@@ -150,7 +159,7 @@ async function Like() {
: 'hidden',
}"
id="btn-nexttrack"
- aria-label="Play next track"
+ :aria-label="t('action.play_next_track')"
class="bi bi-chevron-bar-right clickable"
@click="data.nextTrack">
@@ -179,7 +188,7 @@ async function Like() {