mat-slide-toggle空格键无法触发click事件及无障碍设计疑问

问题1：实现空格键触发绑定的事件 #

click事件仅会响应指针设备的点击操作，通过空格键触发的组件状态切换默认不会触发该事件，有两种常见的解决方案：

• 优先推荐替换为绑定组件的(change)事件：只要组件的选中状态发生变更，无论是鼠标点击触发还是空格键触发，都会触发该事件，符合绝大多数业务场景的需求：

<mat-slide-toggle (change)="do()" [(ngModel)]="checked"></mat-slide-toggle>

• 如果你的逻辑需要在交互触发时立刻执行、不需要等待状态变更完成，或者需要覆盖状态未变更的特殊交互场景，可以额外绑定空格键的键盘事件：

<mat-slide-toggle (click)="do()" (keydown.space)="do()" [(ngModel)]="checked"></mat-slide-toggle>

问题2：无障碍设计合理性判断 #

mat-slide-toggle仅支持空格键触发、不支持回车键触发的逻辑是完全符合无障碍设计规范的，非常合理。
根据WAI-ARIA官方的组件交互规范，不同类型的组件有明确的键盘交互边界：

• 按钮类（role=button）组件：同时支持空格键、回车键触发操作
• 开关/复选框类（role=switch/checkbox）组件：仅支持空格键触发状态切换，回车键不会触发状态变更，避免和表单默认的回车提交逻辑产生冲突。

mat-slide-toggle属于标准的开关类组件，遵循这套交互逻辑可以和绝大多数用户的键盘操作习惯对齐，不会产生无障碍体验问题。

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