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

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

  • 将标签改为可聚焦的语义化标签,如 button
  • 设置 tabindex="0"
  • 设置 aria-label 文本
  • vue中设置@keydown.enter的同时,也需要设置@click,表示这个元素是可点击的
相关推荐
归于尽3 分钟前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课5 分钟前
React useEffect 详解与运用
前端·react.js
我想说一句6 分钟前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
funnycoffee1236 分钟前
Huawei 6730 Switch software upgrade example版本升级
java·前端·华为
小鱼小鱼干9 分钟前
【Tauri】Tauri中Channel的使用
前端
拾光拾趣录10 分钟前
CSS全面指南:从基础布局到高级技巧与实践
前端·css
markyankee10113 分钟前
使用 Vue 脚手架创建项目的完整指南
vue.js
南屿im14 分钟前
基于 Promise 封装 Ajax 请求:从 XMLHttpRequest 到现代化异步处理
前端·javascript
青松学前端14 分钟前
vue-2.7源码解读之初始化流程和响应式实现
前端·vue.js·前端框架
杨进军15 分钟前
前端线上问题的那些事儿
前端·javascript·前端框架