Fix #1121: Use semantic headers for accessibility

This commit is contained in:
Agate 2020-07-03 14:20:47 +02:00
parent 50c3071c56
commit 86b90ec716
54 changed files with 121 additions and 121 deletions

View file

@ -23,9 +23,9 @@
</div>
</h1>
<div class="ui small warning message" v-if="currentTrack && errored">
<div class="header">
<h3 class="header">
<translate translate-context="Sidebar/Player/Error message.Title">The track cannot be loaded</translate>
</div>
</h3>
<p v-if="hasNext && playing && $store.state.player.errorCount < $store.state.player.maxConsecutiveErrors">
<translate translate-context="Sidebar/Player/Error message.Paragraph">The next track will play automatically in a few seconds</translate>
<i class="loading spinner icon"></i>
@ -190,9 +190,9 @@
<div v-if="$store.state.radios.running" class="ui info message">
<div class="content">
<div class="header">
<h3 class="header">
<i class="feed icon"></i> <translate translate-context="Sidebar/Player/Title">You have a radio playing</translate>
</div>
</h3>
<p><translate translate-context="Sidebar/Player/Paragraph">New tracks will be appended here automatically.</translate></p>
<div @click="$store.dispatch('radios/stop')" class="ui basic primary button"><translate translate-context="*/Player/Button.Label/Short, Verb">Stop radio</translate></div>
</div>