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.
This commit is contained in:
parent
9eee13e192
commit
9702e9dee3
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
## 4.1.1 (unreleased)
|
## 4.1.1 (unreleased)
|
||||||
|
|
||||||
|
- Accessibility: Tag the chat-content as an ARIA live region, for screen readers
|
||||||
- #1408 new config option `roomconfig_whitelist`
|
- #1408 new config option `roomconfig_whitelist`
|
||||||
- #1421 fix direct invite for membersonly room
|
- #1421 fix direct invite for membersonly room
|
||||||
|
|
||||||
|
|
4
dist/converse.js
vendored
4
dist/converse.js
vendored
|
@ -92295,7 +92295,7 @@ __p += '<!-- src/templates/chatarea.html -->\n<div class="chat-area col-md-9 col
|
||||||
if (o.show_send_button) { ;
|
if (o.show_send_button) { ;
|
||||||
__p += 'chat-content-sendbutton';
|
__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
|
return __p
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -92316,7 +92316,7 @@ __p += '<!-- src/templates/chatbox.html -->\n<div class="flyout box-flyout">\n
|
||||||
if (o.show_send_button) { ;
|
if (o.show_send_button) { ;
|
||||||
__p += 'chat-content-sendbutton';
|
__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
|
return __p
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="chat-area col-md-9 col-8">
|
<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 class="message-form-container"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="flyout box-flyout">
|
<div class="flyout box-flyout">
|
||||||
<div class="chat-body">
|
<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 class="message-form-container"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user