无障碍阅读(Web Accessibility)NVDA打开朗读查看器后,enter键不生效的原因

用NVDA测试Web Accessibility时,打开朗读查看器,enter键会无效,而不打开测试器,就没有问题,很大原因是被应用的元素不是可聚焦的,解决方法尝试:

  • 将标签改为可聚焦的语义化标签,如 button
  • 设置 tabindex="0"
  • 设置 aria-label 文本
  • vue中设置@keydown.enter的同时,也需要设置@click,表示这个元素是可点击的
相关推荐
J***Q2923 小时前
Vue数据可视化
前端·vue.js·信息可视化
JIngJaneIL4 小时前
社区互助|社区交易|基于springboot+vue的社区互助交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·社区互助
ttod_qzstudio5 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
_大龄5 小时前
前端解析excel
前端·excel
1***s6325 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
一 乐5 小时前
应急知识学习|基于springboot+vue的应急知识学习系统(源码+数据库+文档)
数据库·vue.js·spring boot
一叶茶5 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫5 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
Want5956 小时前
HTML音乐圣诞树
前端·html
老前端的功夫6 小时前
前端浏览器缓存深度解析:从网络请求到极致性能优化
前端·javascript·网络·缓存·性能优化