From 4b4d4eef23daa9712d4b7b9d907a1c34d19fe314 Mon Sep 17 00:00:00 2001
From: Vim USDS <vimal.k.shah@omb.eop.gov>
Date: Thu, 28 Oct 2021 10:41:01 -0700
Subject: [PATCH] Add aria labels to pass a11y

- update snapshot
---
 client/src/pages/__snapshots__/contact.test.tsx.snap | 5 ++++-
 client/src/pages/contact.tsx                         | 7 ++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/__snapshots__/contact.test.tsx.snap b/client/src/pages/__snapshots__/contact.test.tsx.snap
index 079ab335..abbaa0d5 100644
--- a/client/src/pages/__snapshots__/contact.test.tsx.snap
+++ b/client/src/pages/__snapshots__/contact.test.tsx.snap
@@ -319,12 +319,15 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
             <input
               aria-describedby="combobox-messageType-assistive-hint"
               aria-expanded="false"
+              aria-label="Select form type"
+              aria-labelledby="Select form type"
               aria-owns="combobox-messageType-list"
               autocapitalize="off"
               autocomplete="off"
               class="usa-combo-box__input"
               data-testid="combo-box-input"
               role="combobox"
+              title="Form Selector"
               type="text"
               value=""
             />
@@ -362,7 +365,7 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
               </button>
             </span>
             <ul
-              aria-labelledby="message-type-label"
+              aria-labelledby="Form type options"
               class="usa-combo-box__list"
               data-testid="combo-box-option-list"
               hidden=""
diff --git a/client/src/pages/contact.tsx b/client/src/pages/contact.tsx
index 9879e97e..d6e35278 100644
--- a/client/src/pages/contact.tsx
+++ b/client/src/pages/contact.tsx
@@ -56,9 +56,14 @@ const ContactPage = ({location}: IContactPageProps) => {
             <ComboBox
               id="messageType"
               name="messageType"
+              inputProps={{
+                'aria-labelledby': 'Select form type',
+                'title': 'Form Selector',
+                'aria-label': 'Select form type',
+              }}
               options={messageTypes}
               onChange={(messageType) => onMessageTypeChange(messageType)}
-              ulProps={{'aria-labelledby': 'message-type-label'}}
+              ulProps={{'aria-labelledby': 'Form type options'}}
             />
 
             <IQContactForm messageType={messageType} />