From ae28569cf58153191a4d3eb3ff38349e7dd1a701 Mon Sep 17 00:00:00 2001
From: Vincent Petry <vincent@nextcloud.com>
Date: Thu, 19 Nov 2020 15:47:09 +0100
Subject: Define region roles for easier access

Defined specific region roles for easier access to:
- conversation settings: navigation role define by the component itself,
  we use a custom label here.
- conversation messages
- new message form

Note: so far the call button and conversation settings are part of the
main content, not the messages list. This could be tweaked further
later on.

The right sidebar is already recognized as "complementary".

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
---
 src/components/ChatView.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/ChatView.vue')

diff --git a/src/components/ChatView.vue b/src/components/ChatView.vue
index c25c92713..299bc7916 100644
--- a/src/components/ChatView.vue
+++ b/src/components/ChatView.vue
@@ -43,8 +43,12 @@
 			</div>
 		</transition>
 		<MessagesList
+			role="region"
+			:aria-label="t('spreed', 'Conversation messages')"
 			:token="token" />
-		<NewMessageForm />
+		<NewMessageForm
+			role="region"
+			:aria-label="t('spreed', 'Post message')" />
 	</div>
 </template>
 
-- 
cgit v1.2.3