Changeset 28023

Timestamp:

04/07/2014 10:27:06 PM (12 years ago)

Author:

wonderboymusic

Message:

Make playlist tracks keyboard-accessible.

Fixes #27644.

Location:

trunk/src/wp-includes

Files:

• js/mediaelement/wp-mediaelement.css (modified) (1 diff)
• js/mediaelement/wp-playlist.js (modified) (1 diff)
• media.php (modified) (2 diffs)

trunk/src/wp-includes/js/mediaelement/wp-mediaelement.css

@@ -105 +105 @@
     font-size: 14px;
     line-height: 1.5;
+}
+
+.wp-playlist-item .wp-playlist-caption {
+    text-decoration: none;
+    color: #000;
 }
 

trunk/src/wp-includes/js/mediaelement/wp-playlist.js

@@ -108 +108 @@
 
         clickTrack : function (e) {
+            e.preventDefault();
+
             this.index = this.$( '.wp-playlist-item' ).index( e.currentTarget );
             this.setCurrent();

trunk/src/wp-includes/media.php

@@ -1028 +1028 @@
 <script type="text/html" id="tmpl-wp-playlist-item">
     <div class="wp-playlist-item">
-        <div class="wp-playlist-caption">
+        <a class="wp-playlist-caption" href="{{ data.src }}">
             {{ data.index ? ( data.index + '. ' ) : '' }}
             <# if ( data.caption ) { #>
@@ -1038 +1038 @@
                 <# } #>
             <# } #>
-        </div>
+        </a>
         <# if ( data.meta.length_formatted ) { #>
         <div class="wp-playlist-item-length">{{ data.meta.length_formatted }}</div>