I have a slideshow ( http://www.sullivanIII.com/portfolio-slideshow ) that works fine - except in a screen reader. Only two of the 6 slides were visible in a Windows-based screen reader in IE (don't have the rest of the particulars until tomorrow
Is anyone familiar with screen readers and how jquery.cycle works (or doesn't) with them? Any potential work-arounds? A quick googling didn't find me anything.
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","ajaxPageState":{"theme":"sullivan3","theme_token":"9a_zdZ2OGV8k084HfYwQUQsusWKPviZI9Az35AUrgf8","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/ui\/jquery.ui.core.min.js":1,"misc\/jquery.ba-bbq.js":1,"modules\/overlay\/overlay-parent.js":1,"modules\/contextual\/contextual.js":1,"misc\/jquery.cookie.js":1,"sites\/all\/modules\/views_slideshow\/js\/views_slideshow.js":1,"sites\/all\/libraries\/jquery.cycle\/jquery.cycle.all.min.js":1,"sites\/all\/libraries\/json2\/json2.js":1,"sites\/all\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/js\/views_slideshow_cycle.js":1,"modules\/toolbar\/toolbar.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"modules\/overlay\/overlay-parent.css":1,"modules\/contextual\/contextual.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"http:\/\/fonts.googleapis.com\/css?family=Arvo:bold|Cherry+Cream+Soda|Josefin+Sans:bold|Josefin+Sans:bolditalic|Orbitron:500|Rock+Salt":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/views_slideshow\/contrib\/views_slideshow_cycle\/views_slideshow_cycle.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"modules\/shortcut\/shortcut.css":1,"modules\/toolbar\/toolbar.css":1,"sites\/all\/themes\/omega\/omega\/css\/960.css":1,"sites\/all\/themes\/sullivan3\/css\/sullivaniii.css":1,"public:\/\/google_fonts\/google_fonts.css":1}},"overlay":{"paths":{"admin":"node\/*\/webform\nnode\/*\/webform\/*\nnode\/*\/webform-results\nnode\/*\/webform-results\/*\nnode\/*\/submission\/*\nmedia\/*\/edit\nmedia\/*\/multiedit\nmedia\/*\/delete\nnode\/*\/edit\nnode\/*\/delete\nnode\/*\/revisions\nnode\/*\/revisions\/*\/revert\nnode\/*\/revisions\/*\/delete\nnode\/add\nnode\/add\/*\noverlay\/dismiss-message\nuser\/*\/shortcuts\nadmin\nadmin\/*\nbatch\ntaxonomy\/term\/*\/edit\nuser\/*\/cancel\nuser\/*\/edit\nuser\/*\/edit\/*\ndevel\/*\nnode\/*\/devel\nnode\/*\/devel\/*\ncomment\/*\/devel\ncomment\/*\/devel\/*\nuser\/*\/devel\nuser\/*\/devel\/*\ntaxonomy\/term\/*\/devel\ntaxonomy\/term\/*\/devel\/*","non_admin":"admin\/structure\/block\/demo\/*\nadmin\/reports\/status\/php"},"ajaxCallback":"overlay-ajax"},"viewsSlideshow":{"portfolio_slideshow-page_1":{"methods":["viewsSlideshowPagerFields","viewsSlideshowControlsText","viewsSlideshowSlideCounter","viewsSlideshowCycle"],"paused":0}},"viewsSlideshowCycle":{"#views_slideshow_cycle_main_portfolio_slideshow-page_1":{"num_divs":6,"id_prefix":"#views_slideshow_cycle_main_","div_prefix":"#views_slideshow_cycle_div_","vss_id":"portfolio_slideshow-page_1","effect":"fadeZoom","transition_advanced":1,"timeout":5000,"speed":700,"delay":0,"sync":1,"random":0,"pause":1,"pause_on_click":0,"start_paused":0,"remember_slide":0,"remember_slide_days":1,"pause_when_hidden":0,"pause_when_hidden_type":"full","amount_allowed_visible":"","nowrap":0,"fixed_height":1,"items_per_slide":1,"wait_for_image_load":1,"cleartype":0,"cleartypenobg":0,"advanced_options":"{\"randomizeEffects\":\"\"}","action_advanced":0,"advanced_options_choices":"randomizeEffects","advanced_options_entry":""}},"default_search_text":"Search...","tableHeaderOffset":"Drupal.toolbar.height"});
//--><!]]>
Thanks for any help - I just want to make the site as accessible as possible.
Comments
Comment #1
tharpa.osang commentedI found out my problem, and it was in configuration. People with low vision often use significant screen magnification along with a screen reader. In this case, I had the slideshow configured to pause on hover, and since the cursor was in the div containing the slideshow, the slideshow stopped.
This might be something to think about for site accessibility - by changing the configuration to pause on mouse-click, the slideshow worked as expected. However, I'm not sure what the default setting is in views slideshow - if the default is to pause on hover, then this could be an accessibiltiy issue and might merit mention on the configuration screen....
Comment #2
hanno commentedtagged for accessibility
Comment #3
Everett Zufelt commentedHover intent is a configuration setting in the view.