博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
aria链接跳转和文本说明问题
阅读量:6247 次
发布时间:2019-06-22

本文共 754 字,大约阅读时间需要 2 分钟。

hot3.png

  1. 分别去掉数字a链接的aria-label属性和值,分别其加上aria-labelledby和href属性并赋值,给class="d_tit"的p标签加上id值如:id="tabs2"
  2. 把此模块的第一个数字a链接对应的class="d_picBox"的div的id值去掉,添加到 此模块内对应的class="d_txt"的p标签上
  3. 分别给其余数字a链接对应的class="d_txt"的p标签,加上ID,例如:id="002" 此demo以第二个数字a链接为例,实现的最终效果为:当focus到第二个数字a链接,读屏工具读出title:“Seat Pitch”,当点击回车时读出具体文本内容:“The pitch is 74 to 80 inches. Seats can lie flat at 180°, giving you more comfort during your journey.”

<a class="d_btn fl d_active" href="#002" aria-labelledby="tabs2">2</a>

<div class="d_eachText d_active"> <p class="d_tit" id="tabs2">Seat Pitch</p> <p id="002" class="d_txt">The pitch is 74 to 80 inches. Seats can lie flat at 180°, giving you more comfort during your journey.</p> </div>

注:其余模块解决方案参考此demo

转载于:https://my.oschina.net/u/3150996/blog/875120

你可能感兴趣的文章
Cocos2d-X中间应用
查看>>
Android学习笔记之SoftReference软引用...
查看>>
MFC office2007风格设置左侧导航栏 [转]
查看>>
swift:入门知识之泛型
查看>>
Git技巧:右键菜单怎么去除?
查看>>
【iCore3 双核心板_FPGA】例程四:Tcl脚本实验——配置引脚
查看>>
C4D to Unity3D插件C2U Tool开源发布!简化你的工作流
查看>>
【NLP】基于自然语言处理角度谈谈CRF(二)
查看>>
java.lang.OutOfMemoryError处理错误
查看>>
Innosetup中将bat文件压缩到压缩包中
查看>>
Android 手机卫士--签名文件说明&包名说明
查看>>
[转]python中@classmethod @staticmethod区别
查看>>
Linux排序不准确的问题,用以下两行代码解决
查看>>
MyBatis从入门到放弃一:从SqlSession实现增删改查
查看>>
为apache安装mod_wsgi的时候出现-fpic的问题
查看>>
Node,Sockets,Cores,Threads
查看>>
java数组和字符串相互转换
查看>>
深刻理解Nginx之Nginx完整安装
查看>>
SelectSort
查看>>
实现浮点数的四舍五入RoundOff,保留几位小数
查看>>