From 6209a89092de2e32dd36b81848ebb8ff4bc6d692 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 28 May 2021 14:34:38 +0100
Subject: [PATCH] WorldListItem screenreader improvements

---
 src/components/sidebar/WorldListItem.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/sidebar/WorldListItem.vue b/src/components/sidebar/WorldListItem.vue
index c5a30ed..5ebeeab 100644
--- a/src/components/sidebar/WorldListItem.vue
+++ b/src/components/sidebar/WorldListItem.vue
@@ -16,11 +16,11 @@
 
 <template>
 	<div class="world">
-		<span class="world__name">{{ world.title }}</span>
+		<span class="world__name" aria-hidden="true">{{ world.title }}</span>
 		<div class="world__maps menu">
 			<template v-for="[key, map] in world.maps" :key="`${world.name}_${key}`">
-				<input :id="`${name}-${world.name}-${key}`" type="radio" :name="name" v-bind:value="map" v-model="currentMap">
-				<label class="map" :for="`${name}-${world.name}-${key}`" :title="`${world.title} - ${map.title}`">
+				<input :id="`${name}-${world.name}-${key}`" type="radio" :name="name" v-bind:value="map" v-model="currentMap" :aria-labelledby="`${name}-${world.name}-${key}-label`">
+				<label :id="`${name}-${world.name}-${key}-label`" class="map" :for="`${name}-${world.name}-${key}`" :title="`${world.title} - ${map.title}`">
 					<SvgIcon :name="getMapIcon(map)"></SvgIcon>
 				</label>
 			</template>