diff --git a/src/DefaultPlayer/DefaultPlayer.js b/src/DefaultPlayer/DefaultPlayer.js
index 2ff074c..71404a9 100644
--- a/src/DefaultPlayer/DefaultPlayer.js
+++ b/src/DefaultPlayer/DefaultPlayer.js
@@ -51,6 +51,7 @@ const DefaultPlayer = ({
             </video>
             <Overlay
                 onClick={onPlayPauseClick}
+                copy={copy.overlay}
                 {...video} />
             { controls && controls.length && !video.error
                 ? <div className={styles.controls}>
diff --git a/src/DefaultPlayer/Overlay/Overlay.css b/src/DefaultPlayer/Overlay/Overlay.css
index 85f2985..e6b3141 100644
--- a/src/DefaultPlayer/Overlay/Overlay.css
+++ b/src/DefaultPlayer/Overlay/Overlay.css
@@ -24,6 +24,10 @@
     margin-left: -30px;
     background-color: rgba(0,0,0,0.7);
     border-radius: 10px;
+    border: none;
+    padding:0;
+    outline: none;
+    cursor: pointer;
 }
 
 .icon {
@@ -34,3 +38,14 @@
     margin-left: -20px;
     transform: translateY(-50%);
 }
+
+.srOnly {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
diff --git a/src/DefaultPlayer/Overlay/Overlay.js b/src/DefaultPlayer/Overlay/Overlay.js
index 19c4971..d2cef28 100644
--- a/src/DefaultPlayer/Overlay/Overlay.js
+++ b/src/DefaultPlayer/Overlay/Overlay.js
@@ -9,31 +9,36 @@ export default class Overlay extends Component {
         const {
             error,
             paused,
-            loading
+            loading,
+            copy
         } = this.props;
         const iconProps = {
             className: styles.icon,
             height: 40,
             width: 40,
-            fill: '#fff'
+            fill: '#fff',
+            'aria-hidden': true,
         };
         if (error) {
             return (
-                <span className={styles.inner}>
+                <button className={styles.inner}>
+                    <span className={styles.srOnly}>{copy.error}</span>
                     <Report {...iconProps} />
-                </span>
+                </button>
             );
         } else if (loading) {
             return (
-                <span className={styles.inner}>
+                <button className={styles.inner}>
+                    <span className={styles.srOnly}>{copy.loading}</span>
                     <Spin {...iconProps} />
-                </span>
+                </button>
             );
         } else if (paused) {
             return (
-                <span className={styles.inner}>
+                <button className={styles.inner}>
+                    <span className={styles.srOnly}>{copy.paused}</span>
                     <PlayArrow {...iconProps} />
-                </span>
+                </button>
             );
         }
     }
@@ -41,12 +46,11 @@ export default class Overlay extends Component {
     render () {
         const { className, onClick } = this.props;
         return (
-            <div className={[
-                styles.component,
-                className
-            ].join(' ')}
-            onClick={onClick}>
-                { this.renderContent() }
+            <div
+                className={[styles.component, className].join(' ')}
+                onClick={onClick}
+            >
+                {this.renderContent()}
             </div>
         );
     }
diff --git a/src/DefaultPlayer/copy.js b/src/DefaultPlayer/copy.js
index 3918382..e66be82 100644
--- a/src/DefaultPlayer/copy.js
+++ b/src/DefaultPlayer/copy.js
@@ -6,7 +6,12 @@ const copy = {
     volume: 'Change volume',
     fullscreen: 'View video fullscreen',
     seek: 'Seek video',
-    captions: 'Toggle captions'
+    captions: 'Toggle captions',
+    overlay: {
+        loading: 'Loading Video...',
+        paused: 'Play Video',
+        error: 'Unable to play video'
+    }
 };
 
 export default copy;