From 8400b4f920b41f6d8834af33521282ff312eb398 Mon Sep 17 00:00:00 2001
From: Joseph Richardson <EHLOVader@users.noreply.github.com>
Date: Fri, 9 Aug 2024 10:34:42 -0400
Subject: [PATCH] A11y improvements

Adds role to the chat area for screen reader updates
Adds Aria labels to forms and buttons
---
 packages/react/core/src/exports/AiChat.tsx                 | 2 +-
 packages/react/core/src/sections/Composer/ComposerComp.tsx | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react/core/src/exports/AiChat.tsx b/packages/react/core/src/exports/AiChat.tsx
index 6f00bbf3..18d50e64 100644
--- a/packages/react/core/src/exports/AiChat.tsx
+++ b/packages/react/core/src/exports/AiChat.tsx
@@ -212,7 +212,7 @@ export const AiChat: <AiMsg>(
                             userDefinedGreeting={uiOverrides.Greeting}
                         />
                     </div>
-                    <div className="nlux-conversation-container" ref={conversationContainerRef}>
+                    <div className="nlux-conversation-container" ref={conversationContainerRef} aria-label="Chat conversation" role="log">
                         <ForwardConversationComp
                             ref={conversationRef}
                             segments={segments}
diff --git a/packages/react/core/src/sections/Composer/ComposerComp.tsx b/packages/react/core/src/sections/Composer/ComposerComp.tsx
index 44549e50..60b2d514 100644
--- a/packages/react/core/src/sections/Composer/ComposerComp.tsx
+++ b/packages/react/core/src/sections/Composer/ComposerComp.tsx
@@ -78,12 +78,14 @@ export const ComposerComp = (props: ComposerProps) => {
                 value={props.prompt}
                 onChange={handleChange}
                 onKeyDown={handleKeyDown}
+                aria-label={props.placeholder}
             />
             {!showCancelButton && (
                 <button
                     tabIndex={0}
                     disabled={disableButton}
                     onClick={() => props.onSubmit()}
+                    aria-label="Send"
                 >
                     {showSendIcon && <SendIconComp/>}
                     {!showSendIcon && props.Loader}
@@ -93,6 +95,7 @@ export const ComposerComp = (props: ComposerProps) => {
                 <button
                     tabIndex={0}
                     onClick={props.onCancel}
+                    aria-label="Cancel"
                 >
                     <CancelIconComp/>
                 </button>