From 18d6582466842a7a7aacc4c19a7d363ba6e3d0f6 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Mon, 16 Sep 2019 12:18:01 -0700
Subject: [PATCH] SearchResults: Add row and header roles

---
 ts/components/SearchResults.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/ts/components/SearchResults.tsx b/ts/components/SearchResults.tsx
index 9239540279d2..2e57d0a766d7 100644
--- a/ts/components/SearchResults.tsx
+++ b/ts/components/SearchResults.tsx
@@ -126,7 +126,11 @@ export class SearchResults extends React.Component<PropsType> {
       );
     } else if (row.type === 'conversations-header') {
       return (
-        <div className="module-search-results__conversations-header">
+        <div
+          className="module-search-results__conversations-header"
+          role="heading"
+          aria-level={1}
+        >
           {i18n('conversationsHeader')}
         </div>
       );
@@ -143,7 +147,11 @@ export class SearchResults extends React.Component<PropsType> {
       );
     } else if (row.type === 'contacts-header') {
       return (
-        <div className="module-search-results__contacts-header">
+        <div
+          className="module-search-results__contacts-header"
+          role="heading"
+          aria-level={1}
+        >
           {i18n('contactsHeader')}
         </div>
       );
@@ -160,7 +168,11 @@ export class SearchResults extends React.Component<PropsType> {
       );
     } else if (row.type === 'messages-header') {
       return (
-        <div className="module-search-results__messages-header">
+        <div
+          className="module-search-results__messages-header"
+          role="heading"
+          aria-level={1}
+        >
           {i18n('messagesHeader')}
         </div>
       );
@@ -192,7 +204,7 @@ export class SearchResults extends React.Component<PropsType> {
     const row = items[index];
 
     return (
-      <div key={key} style={style}>
+      <div role="row" key={key} style={style}>
         <CellMeasurer
           cache={this.cellSizeCache}
           columnIndex={0}