From 9702e9dee322580a24cbb36012b263a4d1a5b8ae Mon Sep 17 00:00:00 2001
From: Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
Date: Fri, 18 Jan 2019 14:02:59 +0100
Subject: [PATCH] Add ARIA live region on chat-content

This asks screen readers to read every message received, and is
mandatory for blind users to get notified of new messages.
---
 CHANGES.md                  | 1 +
 dist/converse.js            | 4 ++--
 src/templates/chatarea.html | 2 +-
 src/templates/chatbox.html  | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGES.md b/CHANGES.md
index bfe095385..6a2d8d366 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -2,6 +2,7 @@
 
 ## 4.1.1 (unreleased)
 
+- Accessibility: Tag the chat-content as an ARIA live region, for screen readers
 - #1408 new config option `roomconfig_whitelist`
 - #1421 fix direct invite for membersonly room
 
diff --git a/dist/converse.js b/dist/converse.js
index a993db01a..e9a6e5c0e 100644
--- a/dist/converse.js
+++ b/dist/converse.js
@@ -92295,7 +92295,7 @@ __p += '<!-- src/templates/chatarea.html -->\n<div class="chat-area col-md-9 col
  if (o.show_send_button) { ;
 __p += 'chat-content-sendbutton';
  } ;
-__p += '"></div>\n    <div class="message-form-container"/>\n</div>\n';
+__p += '" aria-live="polite"></div>\n    <div class="message-form-container"/>\n</div>\n';
 return __p
 };
 
@@ -92316,7 +92316,7 @@ __p += '<!-- src/templates/chatbox.html -->\n<div class="flyout box-flyout">\n
  if (o.show_send_button) { ;
 __p += 'chat-content-sendbutton';
  } ;
-__p += '"></div>\n        <div class="message-form-container"></div>\n    </div>\n</div>\n';
+__p += '" aria-live="polite"></div>\n        <div class="message-form-container"></div>\n    </div>\n</div>\n';
 return __p
 };
 
diff --git a/src/templates/chatarea.html b/src/templates/chatarea.html
index e6b8fa485..3bccefaf8 100644
--- a/src/templates/chatarea.html
+++ b/src/templates/chatarea.html
@@ -1,4 +1,4 @@
 <div class="chat-area col-md-9 col-8">
-    <div class="chat-content {[ if (o.show_send_button) { ]}chat-content-sendbutton{[ } ]}"></div>
+    <div class="chat-content {[ if (o.show_send_button) { ]}chat-content-sendbutton{[ } ]}" aria-live="polite"></div>
     <div class="message-form-container"/>
 </div>
diff --git a/src/templates/chatbox.html b/src/templates/chatbox.html
index 8708caba6..018e61c13 100644
--- a/src/templates/chatbox.html
+++ b/src/templates/chatbox.html
@@ -1,6 +1,6 @@
 <div class="flyout box-flyout">
     <div class="chat-body">
-        <div class="chat-content {[ if (o.show_send_button) { ]}chat-content-sendbutton{[ } ]}"></div>
+        <div class="chat-content {[ if (o.show_send_button) { ]}chat-content-sendbutton{[ } ]}" aria-live="polite"></div>
         <div class="message-form-container"></div>
     </div>
 </div>