You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为SAPUI5的sap.m.Title控件添加aria-hidden属性?

为SAPUI5控件设置标准HTML属性(如aria-hidden)的方法

在SAPUI5里没法直接给控件设置标准HTML属性,得用以下方式实现:

  • 使用addCustomData方法(JS代码中)
    对于你提到的sap.m.Title控件,要设置aria-hidden的话,可以这么写:

    oTitle.addCustomData({
      key: "aria-hidden",
      value: "true",
      writeToDom: true // 这个参数必须设为true,才会把属性渲染到DOM上
    });
    

    核心是writeToDom参数,只有开启它,自定义的属性才会输出到对应的HTML元素中。

  • 在XML视图中直接配置
    如果是在XML视图里定义的Title控件,可以通过自定义数据节点配置:

    <Title>
      <customData>
        <core:CustomData key="aria-hidden" value="true" writeToDom="true" />
      </customData>
    </Title>
    

    注意要确保视图里已经引入了sap.ui.core命名空间(一般默认会有xmlns:core="sap.ui.core")。

  • 额外建议:替换布局用的无文本Title
    那些纯用来布局的无文本sap.m.Title,其实可以换成sap.m.Spacer控件——它本身就是为布局空白场景设计的,默认对屏幕阅读器友好,不需要额外设置ARIA属性,更符合SAPUI5的设计规范。

内容的提问来源于stack exchange,提问作者Joshua Schroijen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 17:20:45