Loading Spinner - WCAG2 - indicator

[Ed]

I've got a bug on my plate from the a11y group that states:
When the spinner is spinning for a long time, there is no audible indication to the user that the system is "thinking".

I'm thinking that I would do something like the following...
1. Add role=”alert” and aria-label=”Loading content” to the spinner item.
2. Add this <div> to the page:
    <div class=”offscreen” id=”content-loaded”>Finished loading content.</div>
3. When the content finishes loading and the spinner goes away then add a role of alert to the div from #2:
    $(“#content-loaded”).prop(“role”, “alert”);

Does this make sense?
If so, how and where should I do #1?  And #3 I assume would be in the dataBound event, right?

FYI, I using remote data and paging.  Perhaps #1 should be in any of the transport actions (read/update) - but which event?

Thanks,
--Ed

[Nikolay Rusev]

Hello Ed,

You can handle DataSource.requestStart and find the loading panel used by the grid  and properties to it. Here is an example: http://jsbin.com/jetal/1/edit

Regards,
Nikolay Rusev
Telerik