You can clone with
No one assigned
Presently, it looks like the collapseCueText and expandCueText strings are hard-coded and applied to the accordion (data-role collapsible) widget. EG,
expandCueText: " click to expand contents",
collapseCueText: " click to collapse contents",
While this may have been done for accessibility reasons, this is overly verbose and breaks localization.
I tried data-iconpos="notext" but this does not produce any effect on the strings above, i.e. they remain in the page.
A better way to handle this for accessibility would be to use aria-expanded=true (for expanded state) and aria-expanded="false" (for collapsed case).
This is a configurable option. See http://api.jquerymobile.com/collapsible/#option-collapseCueText.
There you see how to set it programmatically.
Like all widget options it also works if you set this with a data- attribute: data-collapse-cue-text and data-expand-cue-text: http://jsbin.com/ariqas/2/edit
I noticed that those are not listed in the data- attribute reference http://api.jquerymobile.com/data-attribute/ so we have to add this.
The cue text is appended to the header text as a hidden span because it is meant to give audible feedback. We will look into the WAI-ARIA attribute that you suggested.
Issue: setting the data- attribute on the collapsible set (accordion) doesn't work - http://jsbin.com/ariqas/3/edit
All options / data- attributes that can be set for an individual collapsible should also work if you set it on the collapsible set.
Confirmed. Should we keep this issue w one?open or file a be
Apologies for typos in the previous comment. Should we keep this issue open or file a new one?
@vick08 - Let's keep this one open
Opened a ticket for the missing data- attributes in the reference: jquery/api.jquerymobile.com#145