作者：happy农村人9_624 | 来源：互联网 | 2022-10-16 15:48
在可访问性方面，有人可以向我描述屏幕阅读器和键盘用户a ENTER和SPACE激活按钮，而仅ENTER用于锚标记。在单页应用程序中，我感觉这些元素的角色有些混乱，我不确定这两者之间的界限在哪里。
看起来像链接的按钮
在我的应用程序中，我具有链接的通用样式，该类的名称为simple .link。
在第一个示例中，我有一个带有onclick处理程序的按钮，该按钮在同一页面上执行操作，因此我为其使用了button元素。但是在样式上看起来像一个链接。
如果角色被颠倒并且链接的行为像传统的锚点一样，则由于单击而导致路线发生变化，我将执行以下操作：
This is a link
即使由于所应用的类而使两者看起来相同，但应否应用锚标记示例，role="button"即使其样式像链接一样，其行为也像按钮一样？对于在整个应用程序中具有可访问性需求的用户来说，保持这些样式元素之间的一致性更好，还是更好地进行互换，从而不管元素的样式如何，都可以根据元素的应用程序将角色应用于该样式元素。
彼此相邻的两个“按钮”
跟进第一个问题。如果
以以下示例为例，确认按钮在同一页面上执行操作，而取消按钮将您带回到上一页。
代码看起来像这样：
Cancel
role="button"来自MDN的定义如下：
按钮角色应用于当用户激活时触发响应的可单击元素。添加role =“ button”将使元素显示为屏幕阅读器的按钮控件。该角色可以与aria-pressed属性结合使用以创建切换按钮。
即使取消按钮在技术上不符合角色定义的方式，也应该应用按钮角色吗？
闭幕
关于何时应该使用这些角色以及何时不应该使用这些角色，是否有更简洁的指南？如果将role="button"任何/所有使用相同样式的链接与
感谢您的阅读。我试图认真对待可访问性，但似乎找不到针对此场景的用例的任何清晰明了的规范。
![[字符编码]Numeric Character Reference和HTML Entities（一）](https://img1.php1.cn/3cd4a/24e5b/ae9/1905bc070e760c30.jpeg)
京公网安备 11010802041100号