Doesn't include aria-label as an option about jquery-expander HOT 2 CLOSED

There isn't a way within the plugin do this, but it's easy enough to do with jQuery. Here's a quick and dirty example of making this a little more accessible (you'll need to change selectors, etc to match the elements on your page, of course):

var setAriaCollapsed = function() {
  $(this).attr('aria-expanded', 'false')
  .find('.more-link').attr('aria-label', 'this is the label for the "read more" link');
};

var setAriaExpanded = function() {
  $(this).attr('aria-expanded', 'true')
  .find('.more-link').attr('aria-label', 'this is the label for the "read less" link');
};

$('.expander')
.expander({
  afterExpand: setAriaExpanded,
  afterCollapse: setAriaCollapsed
  // your other options
})
.each(setAriaCollapsed);

from jquery-expander.

There isn't a way within the plugin do this, but it's easy enough to do with jQuery. Here's a quick and dirty example of making this a little more accessible (you'll need to change selectors, etc to match the elements on your page, of course):

var setAriaCollapsed = function() {
  $(this).attr('aria-expanded', 'false')
  .find('.more-link').attr('aria-label', 'this is the label for the "read more" link');
};

var setAriaExpanded = function() {
  $(this).attr('aria-expanded', 'true')
  .find('.more-link').attr('aria-label', 'this is the label for the "read less" link');
};

$('.expander')
.expander({
  afterExpand: setAriaExpanded,
  afterCollapse: setAriaCollapsed
  // your other options
})
.each(setAriaCollapsed);

This was helpful, thank you! Closing this issue

from jquery-expander.