From 9dca8a2636acea4f734a832db0367c523ba5cfc0 Mon Sep 17 00:00:00 2001
From: Tzipi <101048005+Tzipi-kaltura@users.noreply.github.com>
Date: Tue, 15 Oct 2024 10:58:28 +0300
Subject: [PATCH] fix(ADA-1789): [ORS] - Firefox playerkit - "Read more" button
 in the navigation overlay is not read by screen reader (NVDA) (#952)

Issue:
screen reader doesn't announce the "Read more" button in Firefox browser

Fix:
Adding role button to div element.

Resolves ADA-1789
---
 src/components/expandable-text/expandable-text.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/expandable-text/expandable-text.tsx b/src/components/expandable-text/expandable-text.tsx
index 7996e6ae0..4125e65bc 100644
--- a/src/components/expandable-text/expandable-text.tsx
+++ b/src/components/expandable-text/expandable-text.tsx
@@ -25,7 +25,7 @@ interface ExpandableTextProps {
 
 const ReadMoreLessButton = ({isTextExpanded, readLessLabel, readMoreLabel, onClick, onKeyDown, ...otherProps}) => {
   return (
-    <div tabIndex={0} className={styles.moreButtonText} onClick={onClick} onKeyDown={onKeyDown} {...otherProps}>
+    <div role="button" tabIndex={0} className={styles.moreButtonText} onClick={onClick} onKeyDown={onKeyDown} {...otherProps}>
       {isTextExpanded ? readLessLabel : readMoreLabel}
     </div>
   );