diff --git a/src/js/button.js b/src/js/button.js
index 0fc35b7ef9..71d8d346de 100644
--- a/src/js/button.js
+++ b/src/js/button.js
@@ -43,7 +43,7 @@ vjs.Button.prototype.createEl = function(type, props){
   props = vjs.obj.merge({
     className: this.buildCSSClass(),
     innerHTML: '<div class="vjs-control-content"><span class="vjs-control-text">' + (this.buttonText || 'Need Text') + '</span></div>',
-    role: 'button',
+    'role': 'button',
     'aria-live': 'polite', // let the screen reader user know that the text of the button may change
     tabIndex: 0
   }, props);
diff --git a/src/js/slider.js b/src/js/slider.js
index b8bb906af7..c58fbc4886 100644
--- a/src/js/slider.js
+++ b/src/js/slider.js
@@ -40,7 +40,7 @@ vjs.Slider.prototype.createEl = function(type, props) {
   // Add the slider element class to all sub classes
   props.className = props.className + ' vjs-slider';
   props = vjs.obj.merge({
-    role: 'slider',
+    'role': 'slider',
     'aria-valuenow': 0,
     'aria-valuemin': 0,
     'aria-valuemax': 100,