Merge pull request #15 from MHP24/dev

fix: accessibility buttons and images (alts and names)

client/src/components/widget/chat-header.tsx

@@ -12,7 +12,7 @@ export const ChatHeader = () => {
 
       <div className="flex items-center h-full w-full gap-5">
         <div className="flex relative bg-c4 w-16 rounded-full aspect-square shadow-xl border-2 border-c6">
-          <img src={agentIllustration} className="m-auto w-full h-full rounded-full"/>
+          <img src={agentIllustration} className="m-auto w-full h-full rounded-full" alt='agent-logo'/>
 
           {/* Status indicator */}
           <div className='absolute w-3 h-3 bottom-0 right-0 mx-auto

client/src/components/widget/chat-input.tsx

@@ -32,7 +32,7 @@ export const ChatInput = () => {
             p-3 text-md placeholder:opacity-60"
         />
         <button type='submit' className='w-12 p-2'>
-          <img src={sendLogo} className='w-10 h-10 aspect-square'/>
+          <img src={sendLogo} className='w-10 h-10 aspect-square' alt='send'/>
         </button>
       </div>
 

client/src/components/widget/widget-button.tsx

@@ -16,8 +16,10 @@ export const WidgetButton = () => {
       hover:scale-110 hover:rotate-12 duration-75
      aspect-square p-3 rounded-full bg-c4 select-none ${animation} z-10`}
     onClick={onClick}
+    name='open chat'
+    aria-label='open chat'
     >
-      <img src={chatLogo}/>
+      <img src={chatLogo} alt='open chat'/>
     </button>
   )
 }

client/src/components/widget/widget-closed.tsx

@@ -11,7 +11,7 @@ export const WidgetClosed = () => {
       <button className='h-25 w-25 absolute top-2 right-2'
         onClick={() => { handleWidget(false) }}
       >
-        <img src={arrowDown} className='h-full w-full'/>
+        <img src={arrowDown} className='h-full w-full' alt='minimize chat'/>
       </button>
       <div className="flex flex-col gap-10 items-center">
         <p