global: add alt descriptions for images

This commit is contained in:
Agahnim 2026-03-23 16:06:09 +01:00
parent 6dd77e1732
commit 21da7b70fa
3 changed files with 22 additions and 21 deletions

View file

@ -19,18 +19,18 @@
<controls-bar>
<transport-controls>
<button data-action="prev" aria-label="Previous">
<img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="" />
<img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="Skip back" />
</button>
<button data-action="play" aria-label="Play/Pause">
<img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="" />
<img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="" style="display: none;" />
<img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="Play" />
<img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="Pause" style="display: none;" />
</button>
<button data-action="next" aria-label="Next">
<img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="" />
<img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="Skip forward" />
</button>
</transport-controls>
<volume-controls>
<img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="" />
<img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="Volume" />
<input class="volume-input" type="range" min="0" max="1" step="0.01" value="0.7" />
</volume-controls>
</controls-bar>