尧图网络 高端网站定制 · 原创设计
免费咨询热线
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/10/8 6:54:26
【AI大模型】量化技术:4bit/8bit量化的原理与效果解读

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

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

📅 2026/10/30 8:21:26
「Qt Widget中文示例指南」如何实现行编辑功能

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

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

📅 2026/9/10 0:01:04
MORE NEWS

更多资讯

📰

钦州电工证多久得证内部消息全解析

钦州电工证多久得证内部消息全解析 实操考试心里没底怕挂科,这是大多数电工在报考钦州电工证时的真实感受。很多人担心自己没经验、没技巧,一上考场就手忙脚乱。别慌, 内部消息…

📰

顺义区哪能学电工证?考前押题怎么找,别再被中介坑了

顺义区哪能学电工证?考前押题怎么找,别再被中介坑了 你是不是也遇到过这种情况:想在顺义区考个电工证,结果跑了几家机构,要么收费高得离谱,要么资料要得五花八门,最后还得自己去跑腿?别急,咱们今天就来聊聊【顺义区哪能学电工证】这个事儿,顺便教你…

📰

电工证怎么领取实体证?上岗必备全流程详解

电工证怎么领取实体证?上岗必备全流程详解 怕考不过白交培训费?电工证怎么领取实体证?很多新乡市政公用工程从业者都遇到过这个问题,尤其是刚入行的小伙子,一边想上手干活,一边又怕因为证件没办下来耽误项目进度,甚至花了钱还白忙一场。别急,今天就从…

📰

低压电工作业查询真假别怕,内部消息教你一招搞定

低压电工作业查询真假别怕,内部消息教你一招搞定 怕考不过白交培训费?现在不少准备报考低压电工作业的学员都担心,花了钱培训,结果一考试没通过,钱就白花了。其实,这种焦虑在行业里是 内部消息…

📰

顺义区哪能学电工证 在哪考才能避免证书无效

顺义区哪能学电工证 在哪考才能避免证书无效 之前考的证在外省能不能转过来?这是很多电工朋友最关心的问题。如果你在顺义区,正打算报考低压电工证或高压电工证,或者已经有证但想换地方工作,你得先搞清楚 在哪考 才不会白花钱、白费劲。…

📰

湖北电工证培训视频全流程办理指南良心建议

湖北电工证培训视频全流程办理指南良心建议 之前考的证在外省能不能转过来,这个问题我见过太多人问了,尤其是像你这样从外地过来的,可能手上已经有了电工证,但又想在湖北这边落地,那到底能不能用,怎么转?今天就给你说个 良心建议…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

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

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

📞 💬