创建语义化关闭按钮的正确方法

关闭按钮必须绑定 JavaScript 事件，但别漏掉键盘支持

只写 onclick 不够。用户可能用 Enter 或 Space 触发，而默认 对 Space 的响应需手动补全，否则键盘操作会失效。

• 监听 click 和 keydown 两个事件，检查 event.key === 'Enter' || event.key === ' '
• 记得在 keydown 里调用 event.preventDefault()，防止空格触发页面滚动
• 示例逻辑：

  button.addEventListener('keydown', e => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      handleClose();
    }
  });

别用 title 属性替代可访问性说明

title 属性不是无障碍方案：它延迟显示、不兼容多数屏幕阅读器、移动端基本不触发。想表达“关闭当前提示框”，就得靠真实文本或 aria-label。

• ✅ 推荐：

关闭

移动端点击区域太小是常见失效原因