设置像按钮这样的链接是不是很难进行访问？

Question

在我的情况下,添加类似className: "btn btn-default"的react-router Link.

像这样: <Link className="btn btn-default" to={linkUrl}>Go!</Link>

是否会使用辅助技术来查看网站？

Answer 1

关于何时使用<a href>a <button>或a的一般提示<input type="submit">:

• 如果用户要访问新页面(或页面上的锚点),请使用<a href>(规范).
• 如果用户正在更改当前页面上的状态,请使用<button>(spec).
• 如果用户正在提交表单,请使用<input type="submit">或<button type="submit">(规范).

我提醒不要更改带有role属性的元素的默认角色,因为这最终会导致某些混淆并且可能会对某些辅助技术产生冲突.这些也违反了ARIA使用的第一和第二规则.

考虑键盘体验.<a href>按Enter键可以触发超链接().但是<button>按Enter键或空格键可以触发true .当超链接具有焦点并且用户按下空格键时,该页面将滚动一个屏幕.某些辅助技术的用户将期望基于所使用的元素的行为.

我认为值得一提的是,空格键触发的事件仅在释放键时触发,而使用Enter键将在您按下键(释放它之前)后立即触发事件.

因此,使用上面的列表开始使用正确的任务元素,然后根据需要设置样式.