Small cleanup; fix aria label bug

WordPress · Aug 21, 2021 · 85d6075 · 85d6075
1 parent b993f1f
commit 85d6075
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/src/components/AudioTrack/AudioTrack.vue b/src/components/AudioTrack/AudioTrack.vue
@@ -17,7 +17,7 @@
       {{ audio.category }}
     </div>
 
-    <div class="flex flex-row gap-2">
+    <div class="interactive-section flex flex-row gap-2">
       <PlayPause
         v-if="isCompact"
         class="flex-shrink-0"
@@ -26,7 +26,6 @@
         @toggle="setPlayerState"
       />
       <div
-        class="waveform-section"
         @keypress.enter="setPlayerState(!isPlaying)"
         @keypress.space="setPlayerState(!isPlaying)"
       >

diff --git a/src/components/AudioTrack/Waveform.vue b/src/components/AudioTrack/Waveform.vue
@@ -4,7 +4,7 @@
     class="waveform relative bg-dark-charcoal-04 overflow-x-hidden"
     tabIndex="0"
     role="slider"
-    aria-label="$t('waveform.label')"
+    :aria-label="$t('waveform.label')"
     aria-orientation="horizontal"
     aria-valuemin="0"
     :aria-valuemax="duration"