Removed unnecessary tabindex = 0 from <a /> - they get it by default.

common/lib/xmodule/xmodule/js/src/video/07_video_volume_control.js

@@ -61,9 +61,6 @@ function () {
             slide: state.videoVolumeControl.onChange
         });
 
-        // Make sure that we can focus the actual volume slider while Tabing.
-        state.videoVolumeControl.volumeSliderEl.find('a').attr('tabindex', '0');
-
         state.videoVolumeControl.el.toggleClass('muted', state.videoVolumeControl.currentVolume === 0);
     }
 

lms/templates/video.html

@@ -39,25 +39,25 @@
 
                 <div>
                     <ul class="vcr">
-                        <li><a class="video_control" href="#" tabindex="0" title="${_('Play')}"></a></li>
+                        <li><a class="video_control" href="#" title="${_('Play')}"></a></li>
                         <li><div class="vidtime">0:00 / 0:00</div></li>
                     </ul>
                     <div class="secondary-controls">
                         <div class="speeds">
-                            <a href="#" tabindex="0" title="Speeds">
+                            <a href="#" title="Speeds">
                                 <h3>${_('Speed')}</h3>
                                 <p class="active"></p>
                             </a>
                             <ol class="video_speeds"></ol>
                         </div>
                         <div class="volume">
-                            <a href="#" tabindex="0" title="Volume"></a>
+                            <a href="#" title="Volume"></a>
                             <div class="volume-slider-container">
                                 <div class="volume-slider"></div>
                             </div>
                         </div>
-                        <a href="#" class="add-fullscreen" tabindex="0" title="${_('Fill browser')}">${_('Fill browser')}</a>
-                        <a href="#" class="quality_control" tabindex="0" title="${_('HD')}">${_('HD')}</a>
+                        <a href="#" class="add-fullscreen" title="${_('Fill browser')}">${_('Fill browser')}</a>
+                        <a href="#" class="quality_control" title="${_('HD')}">${_('HD')}</a>
 
                         <a href="#" class="hide-subtitles" title="${_('Turn off captions')}">${_('Captions')}</a>
                     </div>