diff --git a/dist/react-apiembed.js b/dist/react-apiembed.js
index ec1ad84..032c905 100644
--- a/dist/react-apiembed.js
+++ b/dist/react-apiembed.js
@@ -981,12 +981,12 @@
 
 	      var code = new HTTPSnippet(har).convert(target, client);
 	      var codeHTML = {
-	        __html: prism.highlight(code, prism.languages[prismLanguage], prismLanguage)
+	        __html: "<div tabindex=\"0\">" + prism.highlight(code, prism.languages[prismLanguage], prismLanguage).replaceAll('<span', '<span role="text"') + "</div>"
 	      };
 
 	      return React.createElement(
 	        "pre",
-	        { className: "language-" + this.props.prismLanguage, tabIndex: "0" },
+	        { className: "language-" + this.props.prismLanguage },
 	        React.createElement("code", {
 	          className: "language-" + this.props.prismLanguage,
 	          dangerouslySetInnerHTML: codeHTML
diff --git a/package.json b/package.json
index 800f37d..9c6c724 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-apiembed",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "React api embed component.",
   "files": [
     "dist"
diff --git a/src/CodeSnippet.js b/src/CodeSnippet.js
index 0fa465f..a3d59f0 100644
--- a/src/CodeSnippet.js
+++ b/src/CodeSnippet.js
@@ -33,11 +33,11 @@ export default class CodeSnippet extends React.Component {
 
     const code = new HTTPSnippet(har).convert(target, client)
     const codeHTML = {
-      __html: Prism.highlight(code, Prism.languages[prismLanguage], prismLanguage)
+      __html: `<div tabindex="0">${Prism.highlight(code, Prism.languages[prismLanguage], prismLanguage).replaceAll('<span', '<span role="text"')}</div>`
     }
 
     return (
-      <pre className={`language-${this.props.prismLanguage}`} tabIndex="0">
+      <pre className={`language-${this.props.prismLanguage}`}>
         <code
           className={`language-${this.props.prismLanguage}`}
           dangerouslySetInnerHTML={codeHTML}