设计系统为什么不能只有一套视觉样式?
参考答案
可复用组件除了颜色与间距,还需要稳定的语义、状态、键盘行为和可访问名称。给 div 添加 role="button" 只是声明承诺,不会自动得到原生按钮的键盘行为。
组件契约应说明受控与非受控用法、事件、错误状态、禁用状态以及组合规则。设计 token 负责可复用的视觉决策,组件负责具体交互,两者应有清晰边界。
文档示例需要覆盖真实使用场景,升级要说明兼容变化。参考 ARIA 模式时不能直接把示例当作已经适用于所有生产环境的完成品,还需测试浏览器、辅助技术和业务内容。