From 3215be7849d68ecc95bd0c5be71e9c488120006f Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Mon, 16 Sep 2019 12:23:21 -0700
Subject: [PATCH] Add aria-live to network status area, left pane, and timeline

---
 background.html                 | 4 ++--
 ts/components/LeftPane.tsx      | 2 +-
 ts/components/SearchResults.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/background.html b/background.html
index 6aaf3cf322..dd6ae604ed 100644
--- a/background.html
+++ b/background.html
@@ -53,7 +53,7 @@
 
   <script type='text/x-tmpl-mustache' id='two-column'>
     <div class='gutter'>
-      <div class='network-status-container'></div>
+      <div class='network-status-container' aria-live='assertive'></div>
       <div class='left-pane-placeholder'></div>
     </div>
     <div class='conversation-stack'>
@@ -93,7 +93,7 @@
   <script type='text/x-tmpl-mustache' id='conversation'>
     <div class='conversation-header'></div>
     <div class='main panel'>
-      <div class='timeline-placeholder'></div>
+      <div class='timeline-placeholder' aria-live='polite'></div>
       <div class='bottom-bar' id='footer'>
         <div class='compose'>
           <form class='send clearfix file-input'>
diff --git a/ts/components/LeftPane.tsx b/ts/components/LeftPane.tsx
index cce19383f9..3f30281fc7 100644
--- a/ts/components/LeftPane.tsx
+++ b/ts/components/LeftPane.tsx
@@ -171,7 +171,7 @@ export class LeftPane extends React.Component<PropsType> {
     //   it re-renders when our conversation data changes. Otherwise it would just render
     //   on startup and scroll.
     const list = (
-      <div className="module-left-pane__list" key={listKey}>
+      <div className="module-left-pane__list" key={listKey} aria-live="polite">
         <AutoSizer>
           {({ height, width }) => (
             <List
diff --git a/ts/components/SearchResults.tsx b/ts/components/SearchResults.tsx
index 2e57d0a766..05f8a864a9 100644
--- a/ts/components/SearchResults.tsx
+++ b/ts/components/SearchResults.tsx
@@ -306,7 +306,7 @@ export class SearchResults extends React.Component<PropsType> {
     }
 
     return (
-      <div className="module-search-results">
+      <div className="module-search-results" aria-live="polite">
         <AutoSizer>
           {({ height, width }) => {
             this.mostRecentWidth = width;