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

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

  • 将标签改为可聚焦的语义化标签,如 button
  • 设置 tabindex="0"
  • 设置 aria-label 文本
  • vue中设置@keydown.enter的同时,也需要设置@click,表示这个元素是可点击的
相关推荐
MM_MS3 分钟前
Halcon控制语句
java·大数据·前端·数据库·人工智能·算法·视觉检测
程序员Agions14 分钟前
程序员武学修炼手册(二):进阶篇——小有所成,从能跑就行到知其所以然
前端·程序员
小画家~18 分钟前
第四十六: channel 高级使用
java·前端·数据库
小贵子的博客28 分钟前
Ant Design Vue <a-table>
前端·javascript·vue.js·anti-design-vue
m0_5027249529 分钟前
vue动态设置背景图片后显示异常
前端·css
console.log('npc')37 分钟前
vue2中子组件父组件的修改参数
开发语言·前端·javascript
奋斗吧程序媛1 小时前
vue3 Study(1)
前端·javascript·vue.js
@Autowire1 小时前
Layout-position
前端·css
QQ12958455041 小时前
ThingsBoard - APP首页修改为手工选择组织
前端·javascript·物联网·iot
whyfail1 小时前
前端数据存储新选择:IndexedDB与Dexie.js技术指南
前端·javascript·数据库