WCAG合规咨询：跳转配置后执行的操作入口用a标签模拟按钮可否过AA检测

问题1：使用<a class="btn btn-success" ... >代码实现上述入口是否符合规范？ #

符合规范。
WCAG规范的核心要求是元素语义和实际行为保持一致，你当前场景下该入口的核心行为是导航跳转至参数配置页，本身就符合<a>标签的原生语义定位，将链接的视觉样式设置为按钮形态仅为视觉呈现优化，WCAG没有任何条款禁止链接使用按钮类的视觉样式。

问题2：搭配合理的aria属性后，该实现能否通过WCAG AA级别合规检测？ #

满足以下前提的情况下可以通过WCAG AA级别合规检测：

• 保留<a>标签的原生link语义，不要额外添加role="button"属性，避免屏幕阅读器将其识别为按钮导致操作预期不符（按钮默认支持空格触发，链接默认仅支持回车触发，更改语义会造成键盘操作冲突）
• 链接文本/aria-label属性明确说明跳转意图，比如写为<a class="btn btn-success" aria-label="跳转至XX操作参数配置页">启动XX操作</a>，符合WCAG 2.4.4 链接目的（上下文）要求
• 保留<a>标签的原生键盘可访问性，不要覆盖回车跳转的默认行为，同时保证该元素可通过Tab键聚焦，符合WCAG 2.1.1 键盘可访问要求
• 按钮样式有明确的焦点状态标识，符合WCAG 2.4.7 焦点可见要求
• 按钮文字与背景的对比度不低于4.5:1，符合WCAG 1.4.3 对比度（最低）要求

注意：如果后续你要修改该入口的行为为点击后直接在当前页执行操作、不发生跳转，才需要改为原生<button>标签实现，不能再用<a>标签。

内容的提问来源于stack exchange，提问作者tm1701