如何为SAPUI5的sap.m.Title控件添加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
相关产品推荐
相关产品推荐

