Loader Accessibility

The Loader is accessible by screen readers and provides WAI-ARIA, Section 508 and WCAG 2.1.

For more information, refer to:

Kendo UI for jQuery Kendoka image

The Accessibility is part of Kendo UI for jQuery, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

WAI-ARIA

The component follows the WAI-ARIA Authoring Practices is tested against the popular screen readers. For more information, refer to the article on WAI-ARIA support in Kendo UI for jQuery.

If the component is initially visible, you can add aria-busy="true" to the container so that its aria-label text would be read:

<div id="test" aria-busy="true">
    <div id="loader"></div>
</div>

<script>
    $("#loader").kendoLoader();
</script>

If the text should be read while dynamically showing/hiding the loader, you can add aria-live="polite":

<div id="test" aria-live="polite">
    <div id="loader"></div>
</div>

<script>
    $("#loader").kendoLoader();
</script>

Section 508

The Loader is compliant with the Section 508 requirements. For more information, refer to the article on Section 508 support in Kendo UI for jQuery.

WCAG 2.1

The Loader supports the standards for providing accessible web content which are set by the Web Content Accessibility Guidelines 2.1. For more information, refer to the article on WCAG 2.1 compliance in Kendo UI for jQuery

See Also

In this article
Not finding the help you need? Improve this article