FormKit 项目中 ToggleButtons 组件的 ARIA 属性问题解析

在 FormKit 项目的最新版本中，开发团队发现并修复了一个关于 ToggleButtons 组件的可访问性问题。这个问题涉及到 ARIA 属性的正确使用，对于确保组件能够被辅助技术正确识别至关重要。

ToggleButtons 组件在之前的实现中存在两个关键的可访问性问题：

1. 元素使用了不支持的 ARIA 属性组合
2. 缺少必要的 ARIA 属性

具体来说，问题源于按钮元素同时使用了 role="radio" 和 aria-pressed 属性。根据 WAI-ARIA 规范，这两种属性不应该同时出现在同一个元素上，因为它们代表了不同的交互模式。

正确的做法应该是：

• 如果使用 role="button"，则应配合 aria-pressed 属性
• 如果使用 role="radio"，则应配合 aria-checked 属性

开发团队在收到反馈后迅速响应，在 FormKit Pro 0.122.19 版本中移除了冗余的 role="button" 声明，因为按钮元素本身就具有 button 的语义，不需要额外声明。这一改动使得组件更加符合 WAI-ARIA 规范，确保了更好的可访问性支持。

对于开发者而言，理解 ARIA 属性的正确使用非常重要。ARIA 规范为 Web 内容提供了额外的语义信息，帮助辅助技术更好地理解和呈现界面元素。不正确的 ARIA 使用不仅无法提升可访问性，反而可能造成混淆。

FormKit 团队对可访问性问题的快速响应体现了他们对产品质量的重视，这也是开源社区协作模式的优点之一。开发者在使用类似 UI 组件库时，应当定期检查可访问性合规性，确保应用能够服务于所有用户群体。