Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 按钮的Kendo Ui网格Web可访问性,例如Excel导出_Kendo Ui_Kendo Grid_Accessibility_Web Accessibility - Fatal编程技术网

Kendo ui 按钮的Kendo Ui网格Web可访问性,例如Excel导出

Kendo ui 按钮的Kendo Ui网格Web可访问性,例如Excel导出,kendo-ui,kendo-grid,accessibility,web-accessibility,Kendo Ui,Kendo Grid,Accessibility,Web Accessibility,由于某些web可访问性问题,如何将网格按钮的图标设置为aria hidden=“true” $(“#网格”).kendoGrid({ 工具栏:[“excel”], 卓越:{ 所有页面:正确 }, 数据源:{ 运输:{ 阅读:{ url:“https://demos.telerik.com/kendo-ui/service/products", 数据类型:“jsonp” } }, 页面大小:10 }, 可分页:正确 }); 图标具有classk-i-file-excel。使用该类选择元素并设置属

由于某些web可访问性问题,如何将网格按钮的图标设置为aria hidden=“true”

$(“#网格”).kendoGrid({
工具栏:[“excel”],
卓越:{
所有页面:正确
},
数据源:{
运输:{
阅读:{
url:“https://demos.telerik.com/kendo-ui/service/products",
数据类型:“jsonp”
}
},
页面大小:10
},
可分页:正确
});

图标具有class
k-i-file-excel
。使用该类选择元素并设置属性:

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

你不需要做任何事

使用键盘和屏幕阅读器测试应用程序。因为您没有修改选项卡索引,所以外部的
标记将获得焦点(应该正确地宣布为“导出到excel”),或者什么都不会。您的用户将知道按钮的用途。

这是一个示例:当然,它将添加属性,但不会向可访问性添加任何内容。