Kendo ui 按钮的Kendo Ui网格Web可访问性,例如Excel导出
由于某些web可访问性问题,如何将网格按钮的图标设置为aria hidden=“true”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。使用该类选择元素并设置属
$(“#网格”).kendoGrid({
工具栏:[“excel”],
卓越:{
所有页面:正确
},
数据源:{
运输:{
阅读:{
url:“https://demos.telerik.com/kendo-ui/service/products",
数据类型:“jsonp”
}
},
页面大小:10
},
可分页:正确
});代码>
图标具有classk-i-file-excel
。使用该类选择元素并设置属性:
$("#grid .k-i-file-excel").attr("aria-hidden","true");
你不需要做任何事
使用键盘和屏幕阅读器测试应用程序。因为您没有修改选项卡索引,所以外部的
标记将获得焦点(应该正确地宣布为“导出到excel”),或者什么都不会。您的用户将知道按钮的用途。这是一个示例:当然,它将添加属性,但不会向可访问性添加任何内容。