ARIATemplate String(default: "Page navigation, page #=page# of #=totalPages#")

Specifies a template used to populate the value of the aria-label attribute of the pager element.The parameters available for the template are:

  • page - The current page.
  • totalPages - The total number of pages.

Example - setting the aria-label of the pager element

<div id="pager"></div>

<script>
    var dataSource = new kendo.data.DataSource({
        data: [
            { productName: "Tea", category: "Beverages" },
            { productName: "Coffee", category: "Beverages" },
            { productName: "Ham", category: "Food" },
            { productName: "Bread", category: "Food" }
        ],
        pageSize: 25
      });

    dataSource.read();

    $("#pager").kendoPager({
      ARIATemplate: "Current page is #=page#",
      dataSource: dataSource
    });
</script>
<style>
  #pager{
   margin-top: 100px;
  }
</style>
In this article