Make play button a button instead of div
More attempts to make mg acessible
This commit is contained in:
parent
7bf8f03f64
commit
697e6c5cbc
@ -24,10 +24,11 @@
|
|||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
text-shadow: 0 0 10px black;
|
text-shadow: 0 0 10px black;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
.audio-control-play-pause.playing {
|
.audio-control-play-pause.playing {
|
||||||
color: #b71500;
|
color: #b71500;
|
||||||
letter-spacing: -17px;
|
|
||||||
margin-left: -7px;
|
margin-left: -7px;
|
||||||
}
|
}
|
||||||
.audio-control-play-pause.paused {
|
.audio-control-play-pause.paused {
|
||||||
|
@ -33,7 +33,7 @@
|
|||||||
<div class="playhead"></div>
|
<div class="playhead"></div>
|
||||||
<div class="buffered-indicators"></div>
|
<div class="buffered-indicators"></div>
|
||||||
<div class="seekbar"></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>
|
<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" />
|
<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(
|
<img src="{{ request.app.public_store.file_url(
|
||||||
|
Loading…
x
Reference in New Issue
Block a user