尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
界面控件DevExpress Blazor UI v23.2 - 浅谈增强的可访问性
DevExpress Blazor UI组件库提供了一套全面的原生Blazor组件(包括DataGrid、Pivot Grid、调度程序、图表、数据编辑器和报表)使用C#为Blazor Server和Blazor WebAssembly创建高影响力的用户体验DevExpress新旧版本帮助文档下载欢迎进QQ qun获取169725316在上一次主要更新(v23.2)中DevExpress修改了元素结构来提高屏幕阅读器的兼容性为以下DevExpress Blazor UI组件添加了替代文本描述和WAI-ARIA角色/属性Grid网格Data Editors数据编辑器TreeViewToolbar工具栏Menu 和 Context Menu菜单和上下文菜单同时还为以下Blazor UI组件引入了键盘导航和快捷方式Grid网格Calendar日历Toolbar工具栏Menu菜单Context Menu上下文菜单这些与可访问性相关的功能是“开箱即用”的您还可以在代码中扩展可访问性。例如您可以为单个编辑器和控件内部元素指定可用的描述。编辑器的可访问标签由于应用程序的设计应用程序中的编辑器可能不需要标签。然而这可能会在可访问性评估期间导致警告并使使用屏幕阅读器进行回复的用户更加困难。您可以添加一个隐藏的标签它可以被屏幕阅读器软件读取但不会显示在页面上来解决这个用例。使用以下选项当中的一个将次操作引入受​​​​​​​DevExpress驱动的Blazor应用程序创建一个单独的标签向编辑器添加可访问的信息。label forlabel1 styledisplay: noneText/label DxTextBox InputIdlabel1/直接对编辑器应用aria-label属性。DxTextBox aria-labelText /在这两种情况下编辑器都将使用指定的aria-label属性呈现输入元素该属性可以被屏幕阅读器读取和读出。div ... div ... div input aria-labelText ... /div /div /div控件内部元素的可访问描述使用可本地化字符串控件内部元素(如按钮和Blazor Grid的搜索框)中的文本可以被修改。例如DxBlazorStringId.Grid_SearchBoxNullText属性可以设置为Search…(修改搜索字段中使用的空文本)。在v23.2发布周期中DevExpress官方创建了用于辅助技术工具的本地化字符串。如果客户使用辅助技术您可以提供额外的信息来帮助提高整体可用性这些字符串的命名模式是A11y_{string_name}。在下面的代码片段中静态XtraLocalizer对象用于提供空文本和搜索框的可访问描述。虽然这种描述不会改变控件外观但它确实会影响部分用户处理屏幕信息的能力。protected override async Task OnInitializedAsync() { XtraLocalizer.QueryLocalizedString new EventHandler(XtraLocalizer_QueryLocalizedString); } static private void XtraLocalizer_QueryLocalizedString(object sender, XtraLocalizer.QueryLocalizedStringEventArgs e) { if (e.StringIDType typeof(DxBlazorStringId)) { if ((DxBlazorStringId)e.StringID DxBlazorStringId.Grid_SearchBoxNullText) e.Value Search...; if ((DxBlazorStringId)e.StringID DxBlazorStringId.A11y_Grid_SearchBox) e.Value Enter search criteria. Use the space key to enter multiple search values.; }
RELATED

相关推荐

RedHatAI/gemma-4-31B-it-FP8-block性能测试:推理速度与准确率平衡之道

RedHatAI/gemma-4-31B-it-FP8-block性能测试:推理速度与准确率平衡之道

RedHatAI/gemma-4-31B-it-FP8-block性能测试:推理速度与准确率平衡之道 【免费下载链接】gemma-4-31B-it-FP8-block 项目地址: https://ai.gitcode.com/hf_mirrors/RedHatAI/gemma-4-31B-it-FP8-block 在当今大语言模型部署的实际应用中,如何在保…

📅 2026/8/26 2:53:06
【AI大模型】量化技术:4bit/8bit量化的原理与效果解读

【AI大模型】量化技术:4bit/8bit量化的原理与效果解读

【AI大模型】量化技术:4bit/8bit量化的原理与效果解读(含实操代码) 随着AI大模型参数规模持续暴涨,百亿、千亿级模型的落地部署成为行业难题。原生预训练大模型均采用FP32高精度浮点存储,单张千亿参数模型需要数十GB甚至上百GB显存,普通消费级显卡、边缘设备完全无法运行…

📅 2026/7/21 20:09:23
「Qt Widget中文示例指南」如何实现行编辑功能

「Qt Widget中文示例指南」如何实现行编辑功能

Qt是目前最先进、最完整的跨平台C开发工具。它不仅完全实现了一次编写,所有平台无差别运行,更提供了几乎所有开发过程中需要用到的工具。如今,Qt已被运用于超过70个行业、数千家企业,支持数百万设备及应用。 Line Edits&#xff…

📅 2026/7/22 16:53:46
MORE NEWS

更多资讯

📰

用CeWL打造定向密码字典:从参数到实战的完整指南

在授权渗透测试里,密码喷洒和弱口令爆破是最常碰到的环节。我发现自己反复面对一个尴尬情况:手头通用字典动辄几个G,但遇到对目标定制化程度要求高的场景,比如只针对某家公司官网的密码喷洒,通用字典反而命中率低得可怜…

📰

Seata XA模式实战:订单库存跨库强一致,从原理到踩坑全解析

如果你手头也有一个“下单成功但库存没扣”、“库存扣了但订单失败”这种跨库数据不一致的问题,那你已经站在分布式事务的门槛上了。这篇文章聊的 Seata XA 模式,是我在一个电商后端项目里实际落地过的方案,用在两个 MySQL 库之间做订单和库存…

📰

Linux磁盘IO排查实战:8个工具定位系统卡顿元凶

做运维这些年,我最怕的不是CPU跑满,也不是内存告警,而是那种服务器明明看着没病、业务却像踩了棉花一样“软卡”的场面。CPU不高,内存够用,网络也没有波动,可应用就是慢,SSH登录都半天没反应。碰…

📰

UU远程升级:多会话、无显示器、4K低延迟,打造Vibe Coding最强远程开发体验

1. Vibe Coding红了,但"编码只能在固定机位"这件事还没人认真解决最近这一两个月,圈子里聊得最凶的词除了大模型迭代,就是Vibe Coding。这个词最早出圈是在去年,说的是你用Claude、GPT、Cursor这类AI工具,用…

📰

Unity + C# Socket:从头搭建 TCP 多人联机合作生存游戏

在 27 届求职实习作品集中,TCP 多人联机合作生存游戏是一个非常容易引起面试官注意的项目类型。单人项目的复杂度通常集中在玩法、渲染和数值上,而联机项目一旦加入网络层,问题就会延伸到连接管理、消息协议、断线处理和状态同步。这些才是区…

📰

用N76E003模拟AT24C02:I2C从机状态机设计全解析

简介:针对N76E003单片机实现I2C从机模拟AT24C02的完整工程代码,面向嵌入式开发、电子设计以及外设扩展应用场景,尤其适合需要低成本替代EEPROM芯片或深入理解I2C从机协议的项目参考。程序涵盖I2C引脚初始化、从机地址0xA0识别、主从通信起始与…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬