Change aria-text when state changes

diff --git a/mediagoblin/static/js/audio.js b/mediagoblin/static/js/audio.js
index 909307f6bce6d78b767c9aed8e964c8974282618..36b4eab2adb01e845ef11e34f00bd1432867c60d 100644 (file)
--- a/mediagoblin/static/js/audio.js
+++ b/mediagoblin/static/js/audio.js
@@ -155,14 +155,16 @@ var audioPlayer = new Object();
 
         switch (state) {
             case audioPlayer.PLAYING:
-                $('.audio-spectrogram .audio-control-play-pause')
+                el = $('.audio-spectrogram .audio-control-play-pause')
                     .removeClass('paused').addClass('playing')
-                    .text('▮▮');
+                    .text('▮▮').attr('aria-label', 'Pause');
+               el[0].setAttribute('aria-label', 'Pause')
                 break;
             case audioPlayer.PAUSED:
-                $('.audio-spectrogram .audio-control-play-pause')
+                el = $('.audio-spectrogram .audio-control-play-pause')
                     .removeClass('playing').addClass('paused')
-                    .text('▶');
+                    .text('▶').attr('aria-label', 'Play');
+               el[0].setAttribute('aria-label', 'Play')
                 break;
         }
     };