Improve light mode a11y

Fixes cookpete/react-player#878
webmiraclepro · May 22, 2020 · f3802ce · f3802ce
1 parent 35fa6e7
commit f3802ce
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>
     )