「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

在DevExtreme最近主要发布的两个版本周期(v23.1和v23.2)中，扩展了许多DevExtreme组件的可访问性支持，本文将为大家具体介绍一下这些新引入的功能。

获取DevExtreme v23.2正式版下载(Q技术交流：909157416）

v23.1增强功能

在v23.1中，我们专注于以下与可访问性相关的功能：坚持禁用UI元素的WAI-ARIA标准，并允许屏幕阅读器在关注时报告禁用的元素。实现了aria-*属性的全局重做，增强了对所有UI组件的屏幕阅读器支持。

在Material和Generic主题中对Tabs和TabPanel组件进行了视觉上的改进，引入了悬停、活动、禁用、聚焦和选择的新状态。

DevExtreme为图表引入了自定义选项，允许用户应用图像和SVG模式，使用户更容易访问它们。

此外这个版本还对TreeView中的键盘导航进行了微调，使用户能够轻松地导航复选框。在日历中，用户现在可以关注Today按钮并按Enter键导航到今天的日期。

对许多组件进行了与文档相关的更新，提供了关于可访问性支持和测试方法的详细信息。

v23.2增强功能

基于v23.1发布周期中所做的更改，v23.2发布了旨在解决WCAG和Section 508标准的增强功能。

此版本增强了DataGrid的颜色对比度：

所有由辅助工具(Axe、WAVE、Lighthouse)识别的DataGrid检查器错误都得到了解决，改进了自适应行中的键盘导航，允许用户更容易地展开/折叠行，同时还增加了关注总摘要和组页脚摘要的功能。

此版本还扩展了对屏幕阅读器的支持如下：

• 在DevExtreme DataGrid批处理编辑模式下修改单元格和删除行。
• 删除DevExtreme DataGrid中的确认消息。
• 对DevExtreme DataGrid中的标头索引进行排序。
• 查找中的项。
• 对话框的标题。
• 多个组件的验证消息。
• aria-*属性的持续返工。

改进的键盘导航支持扩展到多个组件，特别关注Calendar组件。

更新了Popup和其他相关组件中的视觉焦点指示，以提供更友好的用户体验。