diff --git a/index.d.ts b/index.d.ts
index cc891ec..7eccdb0 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -34,6 +34,7 @@
     hideOnTransparent?: boolean;
     viewBoxOnly?: boolean;
     viewBoxSize?: string;
+    focusable?: boolean;
 };
 
 export type CanvasRendererConfig = BaseRendererConfig & {
diff --git a/player/js/renderers/SVGRenderer.js b/player/js/renderers/SVGRenderer.js
index 7e36e5b..bd21084 100644
--- a/player/js/renderers/SVGRenderer.js
+++ b/player/js/renderers/SVGRenderer.js
@@ -35,7 +35,8 @@
         hideOnTransparent: (config && config.hideOnTransparent === false) ? false : true,
         viewBoxOnly: (config && config.viewBoxOnly) || false,
         viewBoxSize: (config && config.viewBoxSize) || false,
-        className: (config && config.className) || ''
+        className: (config && config.className) || '',
+        focusable: config && config.focusable
     };
 
     this.globalData = {
@@ -97,6 +98,9 @@
     if(this.renderConfig.className) {
         this.svgElement.setAttribute('class', this.renderConfig.className);
     }
+    if(this.renderConfig.focusable !== undefined) {
+        this.svgElement.setAttribute('focusable', this.renderConfig.focusable);
+    }
     this.svgElement.setAttribute('preserveAspectRatio',this.renderConfig.preserveAspectRatio);
     //this.layerElement.style.transform = 'translate3d(0,0,0)';
     //this.layerElement.style.transformOrigin = this.layerElement.style.mozTransformOrigin = this.layerElement.style.webkitTransformOrigin = this.layerElement.style['-webkit-transform'] = "0px 0px 0px";