首页 > 其他分享 >DevExpress WinForms中文教程 - 如何创建可访问的WinForms应用?(二)

DevExpress WinForms中文教程 - 如何创建可访问的WinForms应用?(二)

时间:2024-02-06 10:34:47浏览次数:26  
标签:控件 教程 DevExpress 应用程序 WinForms UI 高对比度

为用户创建易访问的Windows Forms应用程序不仅是最佳实践的体现,还是对包容性和以用户为中心的设计承诺。在应用程序开发生命周期的早期考虑与可访问性相关的需求可以节省长期运行的时间(因为它将决定设计决策和代码实现)。

一个可访问的WinForms应用程序提供了各种好处,包括:

  • 扩大用户群
  • 包含通过键盘访问的用户体验
  • 自动化UI测试

在上文中(点击这里回顾>>),我们为大家介绍了创建应用时的键盘访问、为UI元素提供相关的可访问信息等,本文将继续介绍如何为数据可视化控件提供补充信息等,持续关注我们哟~

DevExpress WinForms有180+组件和UI库,能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、美观且易于使用的应用程序,无论是Office风格的界面,还是分析处理大批量的业务数据,它都能轻松胜任!

获取DevExpress WinForms v23.2正式版下载

DevExpress技术交流群9:909157416      欢迎一起进群讨论

Tip #3:为数据可视化控件(图表和地图)提供补充信息

当涉及到数据可视化时,像图表和地图这样的UI组件在企业应用程序中扮演着独特的角色。当使用图表/地图时,重要的是要以另一种形式呈现视觉信息,以满足与可访问性相关的标准。

在应用程序中加入DevExpress WinForms Chart控件时,您可以:

  • 使用AccessibleName属性来描述图表。
  • 在一个表中重复图表数据,在图表旁边或在新窗口中显示表格。

类似的技术可以应用于DevExpress地图控件。例如,如果Map控件显示一条路线,请考虑将其表示为路点列表。

Tip #4:使用高对比度的颜色

高对比度的颜色在解决视觉/色彩感知受损的个人无障碍需求时起着重要作用,标准的WinForms技术需要手动调整整个应用程序的颜色:如何有效地启用高对比度模式

DevExpress WinForms UI控件支持高对比度模式(通过矢量皮肤),启用WindowsFormsSettings.TrackSystemHighContrastMode设置自动启用高对比度模式在您的DevExpress驱动的应用程序(如果用户已经激活了Windows设置中的高对比度选项)。

DevExpress WinForms中文教程

您也可以通过在DevExpress皮肤中应用高对比度白色或高对比度黑色调色板手动启用高对比度模式,或者使用高对比度皮肤:

DevExpress WinForms中文教程

DevExpress WinForms数据可视化控件包括许多为可访问的可视化优化的外观设置。

Tip #5:确保UI元素有足够的大小和间距

新的WCAG 2.2标准规定使用适当大小的UI元素,以便指针输入的大小至少为24x24像素,这确保了有运动障碍的用户可以使用指向设备与所有UI元素进行交互。

业务应用程序通常需要高信息密度,设计大型UI元素并不总是可行的。DevExpress WinForms UI控件支持最新的WXI皮肤的紧凑模式和其他皮肤/主题的触摸启用模式。

DevExpress WinForms中文教程
结论

利用以下技术来增强应用程序的可访问性:

  • 支持键盘辅助功能
  • 为UI元素提供相关的可访问信息
  • 显示数据可视化的补充信息
  • 使用高对比度的颜色
  • 确保UI元素有足够的大小和间距

DevExpress WinForms组件允许您为各种企业使用场景创建可访问的Windows应用程序。通过结合DevExpress和标准的WinForms可访问性相关功能,开发人员可以创建符合合规标准的业务应用程序,并为每个人提供包容/用户友好的体验。


更多DevExpress线上公开课、中文教程资讯请上中文网获取

标签:控件,教程,DevExpress,应用程序,WinForms,UI,高对比度
From: https://www.cnblogs.com/AABBbaby/p/18009289

相关文章

  • 【135编辑器教程】基本功能介绍与使用
    原文链接持续更新中:https://www.cnblogs.com/MrFlySand/p/17974333基础教程上传图片:【我的图片】-【我的上传】-【上传图片】(注意:无法用鼠标直接将图片插入到135编辑器中)gif图大小不能超过9M,动画不超过300帧。多图上传模式选择的ipg/png文件可超出1OM大小,图片会自动压宿......
  • 无涯教程-LOG10E函数
    E的以10为底的对数,约为0.434。LOG10E-语法Math.LOG10ELOG10E-示例console.log(Math.LOG10E)//thebase10logarithmofMath.E:0.434运行上面代码输出0.4342944819032518参考链接https://www.learnfk.com/es6/es6-math-property-log10e......
  • 无涯教程-LN10函数
    自然对数为10,约为2.302。LN10-语法Math.LN2LN10-示例console.log(Math.LN10)//thenaturallogarithmof10:~2.303运行上面代码输出2.302585092994046参考链接https://www.learnfk.com/es6/es6-math-property-ln10.html......
  • 无涯教程-LN2函数
    它返回2的自然对数,大约为0.693。LN2-语法Math.LN2LN2-示例console.log(Math.LN10)//thenaturallogarithmof10:~2.303运行上面代码输出0.6931471805599453参考链接https://www.learnfk.com/es6/es6-math-property-ln2.html......
  • [office] Excel2010删除批注教程
    现在,很多人在使用excel2010的时候,经常会对其进行批注,但是过一段时间后,如果Excel2010工作表中的单元格批注失去存在的意义,用户可以将其删除。那么,Excel2010怎么删除批注?今天,小编就为大家带来Excel2010删除批注教程。Excel2010打开Excel2010工作表窗口,右键单击含有批注的单......
  • 无涯教程-E函数
    这是一个欧拉常数,是自然对数的底数,大约为2.718。E-语法Math.EE-示例console.log(Math.E)//therootofthenaturallogarithm:~2.718运行上面代码输出2.718281828459045参考链接https://www.learnfk.com/es6/es6-math-property-e.html......
  • 无涯教程-valueOf()函数
    valueOf方法返回Date对象的原始值,即自UTC1970年1月1日午夜以来的毫秒数。valueOf()-语法Date.valueOf()valueOf()-返回值返回Date对象的原始值。valueOf()-示例vardateobject=newDate(1993,6,28,14,39,7);console.log(dateobject.valueOf());......
  • 【幻兽帕鲁教程】幻兽帕鲁存档如何跨云迁移
    购买了高性能幻兽帕鲁机器后,如何将老服务器上存档数据迁移到新服务器上呢?这里就可以使用腾讯云Lighthouse配套的LighthouseCOS服务,快速迁移数据。下面我们以阿里云的Windows实例迁移到腾讯云轻量应用服务器Lighthouse的Windows实例为例:终止游戏进程为了确保存档迁移万无一失,你需......
  • 无涯教程-toTimeString()函数
    此方法把Date对象的时间部分转换为字符串。toTimeString()-语法Date.toTimeString()toTimeString()-返回值形式返回Date对象的时间部分。toTimeString()-示例vardateobject=newDate(1993,6,28,14,39,7);console.log(dateobject.toTimeString());......
  • Autoware.universe source install安装教程
    一、source installationUbuntu 22.04 + ROS2 Humblesudo apt-get -y updatesudo apt-get -y install gitgit clone https://github.com/autowarefoundation/autoware.gitcd autoware/setup-dev-env.shnotice: 如果遇到了CUDA相关问题,尝试下面三种解决方......