Improve light mode a11y

Fixes cookpete/react-player#878
philip-luther · Nov 22, 2024 · 56d650e · 56d650e
1 parent 736beaa
commit 56d650e
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/Preview.js b/src/Preview.js
@@ -40,6 +40,12 @@ export default class Preview extends Component {
       })
   }
 
+  handleKeyPress = e => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      this.props.onClick()
+    }
+  }
+
   render () {
     const { onClick, playIcon } = this.props
     const { image } = this.state
@@ -78,7 +84,13 @@ export default class Preview extends Component {
       </div>
     )
     return (
-      <div style={styles.preview} className='react-player__preview' onClick={onClick}>
+      <div
+        style={styles.preview}
+        className='react-player__preview'
+        onClick={onClick}
+        tabIndex={0}
+        onKeyPress={this.handleKeyPress}
+      >
         {playIcon || defaultPlayIcon}
       </div>
     )