Improved accessibility

This commit is contained in:
Eduard Urbach 2018-06-06 07:20:33 +09:00
parent 786e58d422
commit 5444145eca

View File

@ -1,10 +1,10 @@
component AudioPlayer component AudioPlayer
#audio-player #audio-player
#audio-player-anime-info.hidden #audio-player-anime-info.hidden
a#audio-player-anime-link(href="", title="") a#audio-player-anime-link(href="", title="", aria-label="Anime image")
img#audio-player-anime-image.lazy.hidden(data-src="", data-webp="true", alt="Anime cover") img#audio-player-anime-image.lazy.hidden(data-src="", data-webp="true", alt="Anime cover")
a#audio-player-track-title(href="") a#audio-player-track-title(href="", aria-label="Track title")
#audio-player-controls #audio-player-controls
button#audio-player-prev.audio-player-side-button.action(data-action="playPreviousTrack", data-trigger="click", aria-label="Previous track") button#audio-player-prev.audio-player-side-button.action(data-action="playPreviousTrack", data-trigger="click", aria-label="Previous track")
@ -20,4 +20,4 @@ component AudioPlayer
button#audio-player-next.audio-player-side-button.action(data-action="playNextTrack", data-trigger="click", aria-label="Next track") button#audio-player-next.audio-player-side-button.action(data-action="playNextTrack", data-trigger="click", aria-label="Next track")
RawIcon("step-forward") RawIcon("step-forward")
input#audio-player-volume.action(data-action="setVolume", data-trigger="input", type="range", min="0", max="100", value="50") input#audio-player-volume.action(data-action="setVolume", data-trigger="input", type="range", min="0", max="100", value="50", aria-label="Change volume")