Aria音频描述不适用于由多个div和span组成的控件
创始人
2024-09-13 09:30:23
0次

要解决"Aria音频描述不适用于由多个div和span组成的控件"的问题，可以使用aria-labelledby属性结合id来提供音频描述。下面是一个示例代码：

HTML代码：


  
按钮1

  
按钮2




按钮1的描述信息
按钮2的描述信息

CSS代码：

.sr-only {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

在这个示例中，我们使用了aria-labelledby属性来指定按钮元素的描述信息。每个按钮元素都有一个与之对应的span元素，该span元素具有一个唯一的id，并且使用了CSS样式.sr-only来隐藏它们。通过利用CSS的position: absolute和left: -9999px，我们将span元素移出屏幕，但仍然保持可访问性。

这样，当屏幕阅读器读取按钮元素时，它会自动读取与之相关联的span元素的内容，从而提供音频描述。

上一篇：Aria幸福-两个具有相同名称的复选框

下一篇：ARIBAPOReceipt邮件字段未能通过MDG从Apex传递到Ariba供应商

相关内容

热门资讯

aapoker有猫腻！智星德州... aapoker有猫腻！智星德州菠萝app下载，（wpK）原本是有挂（详细辅助实用技巧）；大神普及一款...
透视好牌(WePoKe透明挂)... 透视好牌(WePoKe透明挂)gg扑克软件(详细辅助扑克教程)从来有挂您好，，确实是有挂的，很多玩家...
wepoke是真的有挂！德扑之... 1、wepoke是真的有挂！德扑之星怎么设置，（wePOke）原生存在有挂（详细透视2025新版技巧...
透视攻略(wepoke辅助)德... 透视攻略(wepoke辅助)德州ai智能营销系统(详细辅助我来教教你)从来是有挂1、玩家可以在软件透...
德扑之星有作弊！wepower... 德扑之星有作弊！wepower辅助软件，（wepower德州）素来有挂（详细透视细节方法）;一、德扑...
透视代打(wepoke真的有挂... 透视代打(wepoke真的有挂)wpk微扑克真的有辅助(详细辅助总结教程)起初是真的有挂；致您一封信...
wepoke智能ai！德州透视... wepoke智能ai！德州透视辅助工具，（aa扑克）原本真的有挂（详细辅助2025版教程）；揭秘教程...
透视模拟器(德州微扑克辅助)w... 透视模拟器(德州微扑克辅助)wpk辅助挂(详细辅助安装教程)总是真的有挂是一款可以让一直输的玩家，快...
wepower有外挂！gg扑克... wepower有外挂！gg扑克软件，（WEPOKE）素来真的是有挂（详细透视技巧教程）；值得一提的是...
透视了解(德州之星辅助挂)德州... 透视了解(德州之星辅助挂)德州aa扑克平台(详细辅助玩家教你)一贯真的有挂1）辅助挂：进一步探索辅助...