From f23cc0712c75acd24c3f07eca11e917700770bf5 Mon Sep 17 00:00:00 2001
From: Max Leiter <maxwell.leiter@gmail.com>
Date: Mon, 21 Jun 2021 22:21:36 -0700
Subject: [PATCH] Aria-label improvements for chatuserlist/networklist

---
 client/components/ChatUserList.vue | 9 ++++++++-
 client/components/NetworkList.vue  | 9 +++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/client/components/ChatUserList.vue b/client/components/ChatUserList.vue
index bbb4f4f5..3ed9c216 100644
--- a/client/components/ChatUserList.vue
+++ b/client/components/ChatUserList.vue
@@ -1,5 +1,12 @@
 <template>
-	<aside ref="userlist" class="userlist" @mouseleave="removeHoverUser">
+	<aside
+		ref="userlist"
+		class="userlist"
+		@mouseleave="removeHoverUser"
+		aria-label="User List for "
+		+
+		channel.name
+	>
 		<div class="count">
 			<input
 				ref="input"
diff --git a/client/components/NetworkList.vue b/client/components/NetworkList.vue
index 2a7a86ff..3b2de503 100644
--- a/client/components/NetworkList.vue
+++ b/client/components/NetworkList.vue
@@ -1,8 +1,13 @@
 <template>
-	<div v-if="$store.state.networks.length === 0" class="empty" role="navigation">
+	<div
+		v-if="$store.state.networks.length === 0"
+		class="empty"
+		role="navigation"
+		aria-label="Network and Channel list"
+	>
 		You are not connected to any networks yet.
 	</div>
-	<div v-else ref="networklist" role="navigation">
+	<div v-else ref="networklist" role="navigation" aria-label="Network and Channel list">
 		<div class="jump-to-input">
 			<input
 				ref="searchInput"