feat(project): make card component accessible

jwplayer · Apr 28, 2021 · f595117 · f595117
1 parent 0f57a3d
commit f595117
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
@@ -23,7 +23,7 @@ function Card({
 }: CardProps): JSX.Element {
 
   return (
-    <div className={styles.root} onClick={onClick}>
+    <div className={styles.root} onClick={onClick} role="button" aria-label={`Play ${videoTitle}`}>
       <div className={classNames(styles.poster, styles[posterAspectRatio])} style={{ backgroundImage: `url(${posterSource})` }}>
         {videoDuration && <div className={styles.videoDurationTag}>{formatVideoDurationTag(videoDuration)}</div>}
       </div>

diff --git a/src/utils/formatting.ts b/src/utils/formatting.ts
@@ -4,8 +4,6 @@ const formatVideoDurationTag = (seconds: number): string | void => {
     const minutes = Math.ceil(seconds / 60)
 
     return `${minutes} min`
-
-
 }
 
 export { formatVideoDurationTag }