From 781223a0924372366b6633c5ddcfec7882c7cc2a Mon Sep 17 00:00:00 2001
From: Evan Purkhiser <evanpurkhiser@gmail.com>
Date: Tue, 2 Nov 2021 18:21:40 -0700
Subject: [PATCH] ref(js): Add aria attributes to sortable alert headers

---
 static/app/views/alerts/rules/index.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/static/app/views/alerts/rules/index.tsx b/static/app/views/alerts/rules/index.tsx
index 9a6781eb0ba417..605696c3b1c05c 100644
--- a/static/app/views/alerts/rules/index.tsx
+++ b/static/app/views/alerts/rules/index.tsx
@@ -169,6 +169,10 @@ class AlertRulesList extends AsyncComponent<Props, State & AsyncComponent['state
             headers={[
               <StyledSortLink
                 key="name"
+                role="columnheader"
+                aria-sort={
+                  sort.field !== 'name' ? 'none' : sort.asc ? 'ascending' : 'descending'
+                }
                 to={{
                   pathname: location.pathname,
                   query: {
@@ -184,6 +188,10 @@ class AlertRulesList extends AsyncComponent<Props, State & AsyncComponent['state
 
               <StyledSortLink
                 key="status"
+                role="columnheader"
+                aria-sort={
+                  !isAlertRuleSort ? 'none' : sort.asc ? 'ascending' : 'descending'
+                }
                 to={{
                   pathname: location.pathname,
                   query: {
@@ -200,6 +208,14 @@ class AlertRulesList extends AsyncComponent<Props, State & AsyncComponent['state
               t('Team'),
               <StyledSortLink
                 key="dateAdded"
+                role="columnheader"
+                aria-sort={
+                  sort.field !== 'date_added'
+                    ? 'none'
+                    : sort.asc
+                    ? 'ascending'
+                    : 'descending'
+                }
                 to={{
                   pathname: location.pathname,
                   query: {