Search jQuery

jQuery Forum

Alt text in expand collapse

in Getting Started • 6 years ago

I'm just getting back into mobile hybrid development after 6 years and starting off slow. I am using, data-role="collapsible-set", and I'm trying to figure out how you would add the alternative text for screen readers to let the user know that it is "Open" or "Closed". Or, do I have to write my own script?
thanks

Replies(5)

jakecigar

Re: Alt text in expand collapse

6 years ago

JQM does that for you.

<span class="ui-collapsible-heading-status"> click to collapse contents</span>

<span class="ui-collapsible-heading-status"> click to expand contents</span>

A non-screen reader user never sees that.

JΛ̊KE

gradymcgh..

Re: Alt text in expand collapse

6 years ago

Thanks for the reply but I am not sure how to implement it. Do you have an example? thx

jakecigar

Re: Alt text in expand collapse

6 years ago

Collapsible set Widget | jQuery Mobile API Documentation

Inspect the example, it has

<div data-role="collapsible" data-collapsed="false" class="ui-collapsible ui-collapsible-inset ui-corner-all ui-collapsible-themed-content ui-first-child"><h3 class="ui-collapsible-heading"><a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-left ui-btn-inherit ui-icon-minus">Section 1<span class="ui-collapsible-heading-status"> click to collapse contents</span></a></h3><div class="ui-collapsible-content ui-body-inherit" aria-hidden="false">

<p>I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the <code>data-collapsed="false"</code> attribute.</p>

</div></div>

JΛ̊KE

gradymcgh..

Re: Alt text in expand collapse

6 years ago

Thanks for your answer and I apologize for not getting back sooner but I have been working with some people on an android project.

My question is more about being able to toggle the alternative text. When it is close it will say to the screen reader "click to open" and when open "click to close". Is there a way to do that or do I have to figure out some script to do it?

thanks, appreciate your responses
g

jakecigar

Re: Alt text in expand collapse

6 years ago

Start coding!

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Alt text in expand collapse

Replies(5)

Re: Alt text in expand collapse

Re: Alt text in expand collapse

Re: Alt text in expand collapse

Re: Alt text in expand collapse

Re: Alt text in expand collapse

Statistics

Tags

Actions