From: Boris Bobrov <breton@cynicmansion.ru>
Date: Sun, 2 Apr 2017 20:25:56 +0000 (+0300)
Subject: Add aria attributes to audio player
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=7bf8f03f645944b9a029d13ec23206e86d88287a;p=mediagoblin.git

Add aria attributes to audio player

I hope this helps a bit with mediagoblin accessibility
---

diff --git a/mediagoblin/templates/mediagoblin/media_displays/audio.html b/mediagoblin/templates/mediagoblin/media_displays/audio.html
index 4e7f9f82..0ab1b694 100644
--- a/mediagoblin/templates/mediagoblin/media_displays/audio.html
+++ b/mediagoblin/templates/mediagoblin/media_displays/audio.html
@@ -33,9 +33,9 @@
           <div class="playhead"></div>
           <div class="buffered-indicators"></div>
           <div class="seekbar"></div>
-          <div class="audio-control-play-pause paused">▶</div>
-          <div class="audio-currentTime">00:00</div>
-          <input type="range" class="audio-volume" value="1" min="0" max="1" step="0.001" />
+          <div class="audio-control-play-pause paused" aria-label="Play">▶</div>
+          <div class="audio-currentTime" aria-label="current time">00:00</div>
+          <input type="range" class="audio-volume" value="1" min="0" max="1" step="0.001" aria-label="volume" />
 	  <img src="{{ request.app.public_store.file_url(
 		        media.media_files.spectrogram) }}"
 	       alt="Spectrogram" />