Skip to content

Commit 253c034

Browse files
ndarilektimabbott
authored andcommitted
accessibility: Label messages region, and add aria-live.
This tells assistive technologies to automatically speak new messages when they arrive.
1 parent 2c06615 commit 253c034

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

templates/zerver/app/home.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,9 +124,9 @@ <h4>{{ _("You haven't been mentioned yet!") }}</h4>
124124
<div id="empty_search_narrow_message" class="empty_feed_notice">
125125
<h4>{{ _('Nobody has talked about that yet!') }}</h4>
126126
</div>
127-
<div class="message_table focused_table" id="zhome">
127+
<div class="message_table focused_table" id="zhome" role="region" aria-live="polite" aria-label="{{ _('Messages') }}">
128128
</div>
129-
<div class="message_table" id="zfilt">
129+
<div class="message_table" id="zfilt" role="region" aria-live="polite" aria-label="{{ _('Messages') }}">
130130
</div>
131131
<div id="typing_notifications">
132132
</div>

0 commit comments

Comments
 (0)