Added accessibility to chart tab country selection

This commit is contained in:
RemixDev 2020-06-01 20:52:36 +02:00
parent 7ccb98665e
commit 19651b1abf
1 changed files with 6 additions and 4 deletions

View File

@ -358,15 +358,17 @@ <h2 class="page_heading">Charts</h2>
<!-- Ugly af --> <!-- Ugly af -->
<template v-for="release in countries"> <template v-for="release in countries">
<div v-if="release.title === 'Worldwide'" class="release clickable" @click="getTrackList" <div role="button" :aria-label="release.title" v-if="release.title === 'Worldwide'"
:data-title="release.title" :data-id="release.id" :key="release.id"> class="release clickable" @click="getTrackList" :data-title="release.title"
:data-id="release.id" :key="release.id">
<img class="rounded coverart" :src="release.picture_medium"> <img class="rounded coverart" :src="release.picture_medium">
</div> </div>
</template> </template>
<template v-for="release in countries"> <template v-for="release in countries">
<div v-if="release.title !== 'Worldwide'" class="release clickable" @click="getTrackList" <div role="button" :aria-label="release.title" v-if="release.title !== 'Worldwide'"
:data-title="release.title" :data-id="release.id" :key="release.id"> class="release clickable" @click="getTrackList" :data-title="release.title"
:data-id="release.id" :key="release.id">
<img class="rounded coverart" :src="release.picture_medium"> <img class="rounded coverart" :src="release.picture_medium">
</div> </div>
</template> </template>