diff --git a/src/components/FloatingWhatsApp.tsx b/src/components/FloatingWhatsApp.tsx
index c2745d3..3be97dc 100644
--- a/src/components/FloatingWhatsApp.tsx
+++ b/src/components/FloatingWhatsApp.tsx
@@ -213,7 +213,10 @@ export function FloatingWhatsApp({
         className={`${css.whatsappButton} ${buttonClassName}`}
         onClick={handleOpen}
         style={buttonStyle}
-        aria-hidden='true'
+        role='button'
+        tabIndex={0}
+        aria-label='Open WhatsApp chat'
+        onKeyDown={(e) => e.key === 'Enter' || e.key === ' ' ? handleOpen(e as unknown as React.MouseEvent<HTMLDivElement>) : undefined}
       >
         <WhatsappSVG />
         {isNotification && (
@@ -226,7 +229,8 @@ export function FloatingWhatsApp({
       <div
         className={`${css.whatsappChatBox} ${isOpen ? css.open : css.close} ${chatboxClassName}`}
         onClick={(event) => event.stopPropagation()}
-        aria-hidden='true'
+        aria-hidden={!isOpen}
+        {...(!isOpen && { inert: '' })}
         style={{ height: isOpen ? chatboxHeight : 0, ...chatboxStyle }}
       >
         <header className={css.chatHeader}>
@@ -237,7 +241,14 @@ export function FloatingWhatsApp({
             <span className={css.statusTitle}>{accountName}</span>
             <span className={css.statusSubtitle}>{statusMessage}</span>
           </div>
-          <div className={css.close} onClick={handleClose} aria-hidden='true'>
+          <div
+            className={css.close}
+            onClick={handleClose}
+            role='button'
+            tabIndex={0}
+            aria-label='Close WhatsApp chat'
+            onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && handleClose()}
+          >
             <CloseSVG />
           </div>
         </header>