移动端按钮如何正确添加无障碍支持？
我在做一个移动端的 React 项目，页面上有个“立即购买”按钮，用的是 <button> 标签。但测试时发现 iOS 的 VoiceOver 读出来只是“按钮”，没有具体作用说明。我试过加 aria-label="立即购买"，但好像没生效？
是不是还要配合其他属性？比如 role 或者 tabindex？现在代码大概是这样：
<button aria-label="立即购买" onclick="buy()">立即购买</button>- 2
回答
16浏览
如何正确给自定义按钮添加无障碍支持？
我用 div 做了一个按钮，点击能触发操作，但屏幕阅读器好像读不出来。加了 role="button" 也不行，是不是还缺啥？ 试过加上 tabindex="0" 让它能聚焦，键盘也能按回车触发，但读...
- 1
回答
21浏览
如何正确为自定义按钮添加无障碍支持？
我用 <div> 做了一个按钮，点击能触发功能，但用屏幕阅读器读不出来。我加了 role="button"，但好像还不够？按 Tab 键也聚焦不到它。 是不是还得加 tabindex？或者...
- 2
回答
122浏览
React中如何为可点击的非交互元素添加无障碍标签？
我正在给移动端图标按钮加无障碍支持，纯图标没有文字标签。试过用aria-label属性，但屏幕阅读器完全读不到内容，怎么回事？ 比如这个React组件： const IconButton = ({ i...
- 1
回答
12浏览
移动端 UI 测试时如何正确模拟点击事件？
我在用 Jest + React Testing Library 做移动端 UI 测试，但发现按钮的点击回调没被触发。明明在浏览器里点得好好的，测试里就是不执行。 我试过用 fireEvent.cli...
- 1
回答
32浏览
自定义按钮组件如何正确支持键盘访问和屏幕阅读器？
我写了个自定义的按钮组件，用div模拟的，但发现Tab键没法聚焦，屏幕阅读器也读不出它是按钮。加了role="button"还是不行，是不是还缺啥？ 下面是我现在的代码： <div role="...
- 1
回答
12浏览
移动端 E2E 测试点击按钮没反应是怎么回事？
我用 Cypress 做移动端 E2E 测试，模拟点击一个按钮，但在手机上实际能点，测试里却没触发事件，试了 click() 和 trigger('tap') 都不行，是不是和 Vue 的事件绑定方式...
- 1
回答
23浏览
Framework7中如何正确监听页面返回事件？
我在用Framework7开发一个移动端应用，想在用户点击返回按钮时弹出确认框，但试了几次都没生效。官方文档提到可以用page:back事件，但我监听后完全没反应，是不是用法不对？ 我现在的写法是这样...
- 1
回答
322浏览
Framework7 中如何正确监听页面返回事件？
我在用 Framework7 开发一个移动端应用，想在用户点击返回按钮时做一些清理操作，比如关闭弹窗或者保存临时数据。但试了 page:beforeout 和 page:afterout 都没触发，不...
- 2
回答
43浏览
React中怎么在移动端实现点击按钮的触觉反馈？
我在做移动端的 React 应用，想给按钮加个触觉反馈（比如 iPhone 的轻微震动），但试了几次都没成功。查资料说可以用 navigator.vibrate，但不确定是不是所有手机都支持，而且在 ...
- 1
回答
19浏览
如何让自定义按钮在屏幕阅读器中正确读出？
我用 <div> 做了一个按钮，加了点击事件，但用 VoiceOver 测试时发现它根本不会被识别为按钮。我试过加 role="button"，但还是不行，焦点也进不去。是不是还得加别的属...
aria-labelledby指向按钮自身的 id。代码这样写：