Audio/Video playlists not keyboard accessible.

[joedolson]

The media elements default implementation already has keyboard accessibility issues, because there's no way to bring the controls into focus for keyboards. The playlist can be made accessible simply by changing the wp-playlist-item-title wrapper from a <span> to an <a href="#"> or a <button>, so they automatically carry keyboard accessibility.

This still doesn't allow a keyboard-dependent user any way to stop or pause the video, but they can at least play videos in the playlist.

Note, as well, that since the Add Media Panel is not accessible (see #25100, #25101, #25102, #25103, #25105), it will continue to be impossible for a keyboard-dependent user to insert videos or subtitles.

[joedolson]

Convert media playlist control to button

[samuelsidler]

Moving to 3.9 for review.

[nacin]

Seems OK but it's possible a theme could be styling <button> very interestingly. Using a link might be a bit easier styling-wise.

[wonderboymusic]

27644.diff​ uses an <a>. I guarantee CSS will fail in the wild at the some point.

[joedolson]

That patch uses an <a> with no href attribute, which doesn't provide keyboard accessibility. An anchor with no href attribute is not keyboard focusable. If you want to use an anchor, it'll need to include an href attribute and the associated scripts will need to apply preventDefaults.

[wonderboymusic]

In 28023:

Make playlist tracks keyboard-accessible.

Fixes #27644.