What's the recommended way, either in 7.x-1.x or 7.x-2.x, to make the pause/play and slide number links more accessible in the sense that they can be reached using the TAB key?

Comments

rcaracaus’s picture

You can add an href=# to the a tag in the library, really, the maintainer needs to update flexslider to make that pause button accessibile. https://github.com/woothemes/FlexSlider/issues/15

rcaracaus’s picture

mgifford’s picture

Issue tags: +Accessibility

Thanks @rcaracaus for adding this to the core library.

Pausing the text is certainly important as is the previous/next links. This library also allows you to click on a range of sliders to go forward/back. That functionality should be brought ahead for keyboard only users.

Hopefully we can get some momentum behind your pull request and of a better review of the flex slider code.

For screen readers it would be useful to actually fill that link with some hidden text. Something like:
var pausePlayScaffold = $('<div class="' + namespace + 'pauseplay"><span>Pause/Play</span><a href="#"></a></div>');

However, there are issues with both i18n & making that invisible (when you can't rely on Drupal's element-invisible).

minoroffense’s picture

Version: 7.x-1.0-rc3 » 7.x-2.x-dev

Any docs or fixes will be against 2.x

amaria’s picture

Issue summary: View changes
Status: Active » Closed (outdated)
rooby’s picture

@amaria, could you give a brief description of why it is outdated? Has this already been fixed since the last comment?

amaria’s picture

Status: Closed (outdated) » Active

Oh, wait. I thought this was already fixed in the library itself but it seems they're targeting the 2.7 version. Although the question was answered in the comments. So maybe I'll add that in the documentation as well as the target for completion, to close this.