From 36fbd0e419220d79ce161b122b163b43d3c1574b Mon Sep 17 00:00:00 2001
From: TalonTheDragon <talon@iamtalon.me>
Date: Fri, 26 May 2023 23:30:27 +0200
Subject: [PATCH 1/4] Add aria live region to message list so they get read
 automatically as they come in

---
 packages/client/src/pages/messaging/messaging-room.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index 771d590bb..52504a267 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -28,6 +28,7 @@
 							#default="{ items: messages, fetching: pFetching }"
 						>
 							<XList
+							aria-live="polite"
 								v-if="messages.length > 0"
 								v-slot="{ item: message }"
 								:class="{

From 371794fb3469e06c4407b65e88d68b4460d6161a Mon Sep 17 00:00:00 2001
From: TalonTheDragon <talon@iamtalon.me>
Date: Fri, 26 May 2023 23:38:38 +0200
Subject: [PATCH 2/4] Do the same for the typing list

---
 packages/client/src/pages/messaging/messaging-room.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/pages/messaging/messaging-room.vue b/packages/client/src/pages/messaging/messaging-room.vue
index 52504a267..08f993c10 100644
--- a/packages/client/src/pages/messaging/messaging-room.vue
+++ b/packages/client/src/pages/messaging/messaging-room.vue
@@ -28,7 +28,7 @@
 							#default="{ items: messages, fetching: pFetching }"
 						>
 							<XList
-							aria-live="polite"
+								aria-live="polite"
 								v-if="messages.length > 0"
 								v-slot="{ item: message }"
 								:class="{
@@ -49,7 +49,7 @@
 					</MkPagination>
 				</div>
 				<footer>
-					<div v-if="typers.length > 0" class="typers">
+					<div v-if="typers.length > 0" class="typers" aria-live="polite">
 						<I18n
 							:src="i18n.ts.typingUsers"
 							text-tag="span"

From be6c41d0c5bd4bd7baf67cbed5392c7df7c533be Mon Sep 17 00:00:00 2001
From: TalonTheDragon <talon@iamtalon.me>
Date: Fri, 26 May 2023 23:43:35 +0200
Subject: [PATCH 3/4] Add labels to chat form

---
 packages/client/src/pages/messaging/messaging-room.form.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/pages/messaging/messaging-room.form.vue b/packages/client/src/pages/messaging/messaging-room.form.vue
index 4bc12ce9a..f6565c25c 100644
--- a/packages/client/src/pages/messaging/messaging-room.form.vue
+++ b/packages/client/src/pages/messaging/messaging-room.form.vue
@@ -17,16 +17,17 @@
 				{{ file.name }}
 			</div>
 			<div class="buttons">
-				<button class="_button" @click="chooseFile">
+				<button class="_button" @click="chooseFile" :aria-label="i18n.t('attachFile')">
 					<i class="ph-upload ph-bold ph-lg"></i>
 				</button>
-				<button class="_button" @click="insertEmoji">
+				<button class="_button" @click="insertEmoji" :aria-label="i18n.t('chooseEmoji')">
 					<i class="ph-smiley ph-bold ph-lg"></i>
 				</button>
 				<button
 					class="send _button"
 					:disabled="!canSend || sending"
 					:title="i18n.ts.send"
+					:aria-label="i18n.ts.send"
 					@click="send"
 				>
 					<template v-if="!sending"

From 91e5389f866723be735f0ff7a2e4e9007504a9d8 Mon Sep 17 00:00:00 2001
From: TalonTheDragon <talon@iamtalon.me>
Date: Mon, 29 May 2023 01:48:24 +0200
Subject: [PATCH 4/4] Add labels to dialog OK and Close buttons

---
 packages/client/src/components/MkModalWindow.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/client/src/components/MkModalWindow.vue b/packages/client/src/components/MkModalWindow.vue
index 40325dfa1..9406d8d4d 100644
--- a/packages/client/src/components/MkModalWindow.vue
+++ b/packages/client/src/components/MkModalWindow.vue
@@ -26,6 +26,7 @@
 				<div ref="headerEl" class="header">
 					<button
 						v-if="withOkButton"
+						:aria-label="i18n.t('close')"
 						class="_button"
 						@click="$emit('close')"
 					>
@@ -36,6 +37,7 @@
 					</span>
 					<button
 						v-if="!withOkButton"
+						:aria-label="i18n.t('close')"
 						class="_button"
 						@click="$emit('close')"
 					>
@@ -43,6 +45,7 @@
 					</button>
 					<button
 						v-if="withOkButton"
+						:aria-label="i18n.t('ok')"
 						class="_button"
 						:disabled="okButtonDisabled"
 						@click="$emit('ok')"
@@ -61,6 +64,7 @@
 <script lang="ts" setup>
 import { FocusTrap } from "focus-trap-vue";
 import MkModal from "./MkModal.vue";
+import { i18n } from "@/i18n";
 
 const props = withDefaults(
 	defineProps<{