diff options
Diffstat (limited to 'controls.md')
-rw-r--r-- | controls.md | 8 |
1 files changed, 3 insertions, 5 deletions
diff --git a/controls.md b/controls.md index 0b543125..088bee8a 100644 --- a/controls.md +++ b/controls.md @@ -116,9 +116,8 @@ const controls = ` <span class="plyr__tooltip" role="tooltip">Forward {seektime} secs</span> </button> <div class="plyr__progress"> - <label for="plyr-seek-{id}" class="plyr__sr-only">Seek</label> - <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" id="plyr-seek-{id}"> - <progress class="plyr__progress--buffer" min="0" max="100" value="0">% buffered</progress> + <input data-plyr="seek" type="range" min="0" max="100" step="0.01" value="0" aria-label="Seek"> + <progress class="plyr__progress__buffer" min="0" max="100" value="0">% buffered</progress> <span role="tooltip" class="plyr__tooltip">00:00</span> </div> <div class="plyr__time plyr__time--current" aria-label="Current time">00:00</div> @@ -130,8 +129,7 @@ const controls = ` <span class="label--not-pressed plyr__tooltip" role="tooltip">Mute</span> </button> <div class="plyr__volume"> - <label for="plyr-volume-{id}" class="plyr__sr-only">Volume</label> - <input data-plyr="volume" type="range" min="0" max="1" step="0.05" value="1" autocomplete="off" id="plyr-volume-{id}"> + <input data-plyr="volume" type="range" min="0" max="1" step="0.05" value="1" autocomplete="off" aria-label="Volume"> </div> <button type="button" class="plyr__control" aria-label="Enable captions" data-plyr="captions"> <svg class="icon--pressed" role="presentation"><use xlink:href="#plyr-captions-on"></use></svg> |