Accessibility Drupal Flexslider Fix.

a11y-drupal-flexslider.js

// # Info about Flexslider in Drupal:
// Requires jquery_update to 1.7
// Requires latest verion of Flexslider in your /libraries folder
  
// # Tips 
// If you are using the module flexslider, this might be helpful: drupal.org/project/flexslider/issues/1580902#comment-12363103
// If you are using the module flexslider_view_slideshow, you might need this patch: drupal.org/project/flexslider/issues/1580902#comment-12363103
// If the module gives you the option to turn of aria-live, do it. Even using aria-live="polite" on a slideshow is like flipping someone off.

  Drupal.behaviors.flexslider_a11y_fixes = {
      attach: function (context) {

          // Function sets the aria attibute correctly by spying on the opacity property
          function setAria(el) {

              var $flexsliderObjectSlides = $(el).find('.slides > li');
              $flexsliderObjectSlides.each(function () {
                  if ($(this).attr('style').indexOf("opacity: 0") !== -1) {
                      $(this).attr('aria-hidden', 'true');
                  } else {
                      $(this).attr('aria-hidden', 'false');
                  }
              });
          }
          // Use Flexsider APIs 'start' callback for our setAria function when the slider loads
          $('.flexslider').bind('start', function (e, slider) {
              $flexsliderObject = $(this);
              setAria($flexsliderObject);
              $(this).find('.slides > li:first-child').attr('aria-hidden', 'false'); // make 100% sure aria is correct on first slide
          });
          // Use Flexsider APIs after' callback for our setAria() function when each slide advance
          $('.flexslider').bind('after', function (e, slider) {
              $flexsliderObject = $(this);
              setAria($flexsliderObject);
          });
      }
  };