From 97c08d409efd0339cc1f81098de9d3e98ed105fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Sat, 7 May 2016 19:38:55 -0400
Subject: [PATCH 1/3] Add missing aria-label on icon buttons

---
 client/index.html     | 16 ++++++++--------
 client/views/chat.tpl |  6 +++---
 client/views/msg.tpl  |  2 +-
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/client/index.html b/client/index.html
index 4e3155ed..44fca1c2 100644
--- a/client/index.html
+++ b/client/index.html
@@ -34,17 +34,17 @@
 			</div>
 		</aside>
 		<footer id="footer">
-			<span class="tooltipped tooltipped-n" aria-label="Sign in to The Lounge"><button class="icon sign-in" data-target="#sign-in"></button></span>
-			<span class="tooltipped tooltipped-n" aria-label="Connect to network"><button class="icon connect" data-target="#connect"></button></span>
-			<span class="tooltipped tooltipped-n" aria-label="Client settings"><button class="icon settings" data-target="#settings"></button></span>
-			<span class="tooltipped tooltipped-n" aria-label="Sign out"><button class="icon sign-out" id="sign-out"></button></span>
+			<span class="tooltipped tooltipped-n" aria-label="Sign in"><button class="icon sign-in" data-target="#sign-in" aria-label="Sign in"></button></span>
+			<span class="tooltipped tooltipped-n" aria-label="Connect to network"><button class="icon connect" data-target="#connect" aria-label="Connect to network"></button></span>
+			<span class="tooltipped tooltipped-n" aria-label="Client settings"><button class="icon settings" data-target="#settings" aria-label="Client settings"></button></span>
+			<span class="tooltipped tooltipped-n" aria-label="Sign out"><button class="icon sign-out" id="sign-out" aria-label="Sign out"></button></span>
 		</footer>
 		<div id="main">
 			<div id="windows">
 				<div id="chat" class="no-colors"></div>
 				<div id="sign-in" class="window">
 					<div class="header">
-						<button class="lt"></button>
+						<button class="lt" aria-label="Toggle channel list"></button>
 					</div>
 					<form class="container" method="post" action="">
 						<div class="row">
@@ -82,7 +82,7 @@
 				</div>
 				<div id="connect" class="window">
 					<div class="header">
-						<button class="lt"></button>
+						<button class="lt" aria-label="Toggle channel list"></button>
 					</div>
 					<form class="container" method="post" action="">
 						<div class="row">
@@ -160,7 +160,7 @@
 				</div>
 				<div id="settings" class="window">
 					<div class="header">
-						<button class="lt"></button>
+						<button class="lt" aria-label="Toggle channel list"></button>
 					</div>
 					<div class="container">
 						<div class="row">
@@ -308,7 +308,7 @@
 				<div class="inner">
 					<div class="input">
 						<label for="input" id="nick"></label>
-						<button id="submit" type="submit" title="Send"></button>
+						<button id="submit" type="submit" title="Send" aria-label="Send message"></button>
 						<input id="input" class="mousetrap">
 					</div>
 				</div>
diff --git a/client/views/chat.tpl b/client/views/chat.tpl
index 147ec84a..abbe0a9e 100644
--- a/client/views/chat.tpl
+++ b/client/views/chat.tpl
@@ -1,11 +1,11 @@
 {{#each channels}}
 <div id="chan-{{id}}" data-title="{{name}}" data-id="{{id}}" data-type="{{type}}" data-target="#chan-{{id}}" class="chan {{type}}">
 	<div class="header">
-		<button class="lt"></button>
+		<button class="lt" aria-label="Toggle channel list"></button>
 		{{#equal type "channel"}}
-			<button class="rt"></button>
+			<button class="rt" aria-label="Toggle user list"></button>
 		{{/equal}}
-		<button class="menu"></button>
+		<button class="menu" aria-label="Open the context menu"></button>
 		<span class="title">{{name}}</span>
 		<span class="topic">{{{parse topic}}}</span>
 	</div>
diff --git a/client/views/msg.tpl b/client/views/msg.tpl
index 7563d6b8..e605bd95 100644
--- a/client/views/msg.tpl
+++ b/client/views/msg.tpl
@@ -10,7 +10,7 @@
 	{{#equal type "toggle"}}
 		<span class="text">
 			<div class="force-newline">
-				<button id="toggle-{{id}}" class="toggle-button">···</button>
+				<button id="toggle-{{id}}" class="toggle-button" aria-label="Toggle prefetched media">···</button>
 			</div>
 			{{#if toggle}}
 				{{partial "toggle"}}

From 8af36eb0c7b5bbb3ac5c1e00e87849d57d201de9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Sat, 7 May 2016 20:06:47 -0400
Subject: [PATCH 2/3] Add an aria-label attribute to the user search field

---
 client/views/user.tpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/views/user.tpl b/client/views/user.tpl
index 7ce24097..a96dd288 100644
--- a/client/views/user.tpl
+++ b/client/views/user.tpl
@@ -1,6 +1,6 @@
 {{#if users.length}}
 <div class="count">
-	<input class="search" placeholder="{{users users.length}}">
+	<input class="search" placeholder="{{users users.length}}" aria-label="Search among the user list">
 </div>
 {{/if}}
 <div class="names">

From 57d7b0147ee296350098a653ad96a160b6f6a865 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Sat, 7 May 2016 23:11:43 -0400
Subject: [PATCH 3/3] Make the sidebar close a button and add aria-label to it

---
 client/views/chan.tpl | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/views/chan.tpl b/client/views/chan.tpl
index 7ac3a9d9..47495362 100644
--- a/client/views/chan.tpl
+++ b/client/views/chan.tpl
@@ -1,7 +1,7 @@
 {{#each channels}}
 <div data-id="{{id}}" data-target="#chan-{{id}}" data-title="{{name}}" class="chan {{type}}">
 	<span class="badge{{#if highlight}} highlight{{/if}}" data-count="{{unread}}">{{#if unread}}{{unread}}{{/if}}</span>
-	<span class="close"></span>
+	<button class="close" aria-label="Close"></button>
 	<span class="name" title="{{name}}">{{name}}</span>
 </div>
 {{/each}}