From 697e6c5cbce22b698b105247a8893199255de958 Mon Sep 17 00:00:00 2001
From: Boris Bobrov <breton@cynicmansion.ru>
Date: Mon, 3 Apr 2017 00:23:24 +0300
Subject: [PATCH] Make play button a button instead of div

More attempts to make mg acessible
---
 mediagoblin/static/css/audio.css                            | 3 ++-
 mediagoblin/templates/mediagoblin/media_displays/audio.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/mediagoblin/static/css/audio.css b/mediagoblin/static/css/audio.css
index 5c50e727..de388094 100644
--- a/mediagoblin/static/css/audio.css
+++ b/mediagoblin/static/css/audio.css
@@ -24,10 +24,11 @@
     font-size: 40px;
     width: 50px;
     text-shadow: 0 0 10px black;
+    background: none;
+    border: none;
 }
     .audio-control-play-pause.playing {
         color: #b71500;
-        letter-spacing: -17px;
         margin-left: -7px;
     }
     .audio-control-play-pause.paused {
diff --git a/mediagoblin/templates/mediagoblin/media_displays/audio.html b/mediagoblin/templates/mediagoblin/media_displays/audio.html
index 0ab1b694..191eff14 100644
--- a/mediagoblin/templates/mediagoblin/media_displays/audio.html
+++ b/mediagoblin/templates/mediagoblin/media_displays/audio.html
@@ -33,7 +33,7 @@
           <div class="playhead"></div>
           <div class="buffered-indicators"></div>
           <div class="seekbar"></div>
-          <div class="audio-control-play-pause paused" aria-label="Play">▶</div>
+          <button class="audio-control-play-pause paused" aria-label="Play">▶</button>
           <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(
-- 
2.25.1