「盘点」界面控件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 (v23.1, v23.2)可访问性增强_第1张图片

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

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

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

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

「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强_第3张图片

v23.2增强功能

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

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

「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强_第4张图片

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

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

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

「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强_第5张图片

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

「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强_第6张图片

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

你可能感兴趣的:(DevExtreme,界面控件,UI开发,devexpress,html5)