From c762545c47ab968ccd25fe126da5ea676cab6923 Mon Sep 17 00:00:00 2001
From: John Mitchell <jmitchel@Johns-MacBook-Pro-46.local>
Date: Wed, 10 Jun 2020 13:00:00 -0400
Subject: [PATCH] add aria label prop for alert modal pf component

---
 awx/ui_next/src/components/AlertModal/AlertModal.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/awx/ui_next/src/components/AlertModal/AlertModal.jsx b/awx/ui_next/src/components/AlertModal/AlertModal.jsx
index 2c6c9eaed9..70ed49ab1f 100644
--- a/awx/ui_next/src/components/AlertModal/AlertModal.jsx
+++ b/awx/ui_next/src/components/AlertModal/AlertModal.jsx
@@ -8,6 +8,8 @@ import {
   InfoCircleIcon,
   TimesCircleIcon,
 } from '@patternfly/react-icons';
+import { withI18n } from '@lingui/react';
+import { t } from '@lingui/macro';
 import styled from 'styled-components';
 
 const Header = styled.div`
@@ -17,7 +19,8 @@ const Header = styled.div`
   }
 `;
 
-export default function AlertModal({
+function AlertModal({
+  i18n,
   isOpen = null,
   title,
   variant,
@@ -60,14 +63,15 @@ export default function AlertModal({
   const customHeader = (
     <Header>
       {variant ? variantIcons[variant] : null}
-      <Title size="2xl" headingLevel="h2">{title}</Title>
+      <Title id="alert-modal-header-label" size="2xl" headingLevel="h2">{title}</Title>
     </Header>
   );
 
   return (
     <Modal
       header={customHeader}
-      
+      aria-label={i18n._(t`Alert modal`)}
+      aria-labelledby="alert-modal-header-label"
       isOpen={Boolean(isOpen)}
       variant="small"
       title={title}
@@ -77,3 +81,5 @@ export default function AlertModal({
     </Modal>
   );
 }
+
+export default withI18n()(AlertModal);