Веб-доступ к Kendo Ui Grid для кнопки, например, Экспорт в Excel - PullRequest
Новая
       59

Веб-доступ к Kendo Ui Grid для кнопки, например, Экспорт в Excel

0 голосов
/ 09 марта 2020

Из-за некоторых проблем с доступностью в Интернете, как я могу установить значок кнопки сетки на aria-hidden = "true" 

$("#grid").kendoGrid({
    toolbar: ["excel"],
    excel: {
        allPages: true
    },
    dataSource: {
        transport: {
            read: {
                url: "https://demos.telerik.com/kendo-ui/service/products",
                dataType: "jsonp"
            }
        },
        pageSize: 10
    },
    pageable: true
});
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.1.219/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.219/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.all.min.js"></script>
    
    <div id="grid"></div>

Ток html: 

<div class="k-header k-grid-toolbar"><a role="button" class="k-button k-button-icontext k-grid-excel" href="#"><span class="k-icon k-i-file-excel"></span>Export to excel</a></div>

Желаемый результат: 

<div class="k-header k-grid-toolbar"><a role="button" class="k-button k-button-icontext k-grid-excel" href="#"><span aria-hidden="true" class="k-icon k-i-file-excel"></span>Export to excel</a></div>

Ответы [ 2 ]

0 голосов
/ 10 марта 2020

Вам не нужно ничего делать.

Протестируйте свое приложение с помощью клавиатуры и программы чтения с экрана. Так как вы не изменяете индексы табуляции, либо внешний тег <a> получит фокус (и должен быть правильно объявлен как «Экспорт в Excel»), либо ничего не будет. Ваш пользователь будет знать, для чего кнопка.

0 голосов
/ 09 марта 2020

Значок имеет класс k-i-file-excel. Используйте этот класс, чтобы выбрать элемент и установить атрибут: 

$("#grid .k-i-file-excel").attr("aria-hidden","true");
...