This is a migrated thread and some comments may be shown as answers.

Loading Spinner - WCAG2 - indicator

1 Answer 48 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ed
Top achievements
Rank 1
Ed asked on 05 Mar 2014, 06:48 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Nikolay Rusev
Telerik team
answered on 06 Mar 2014, 09:21 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Ed
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Share this question
or