无障碍
共 13 条资源
Angular Material：官方维护的 Angular 组件库
做 Angular 中后台，组件库能不能跟上框架升级，直接决定你每年的维护成本。Angular Material 由 Angular 团队自己维护、随版本同步更新，这是它最硬的…
Primer 设计系统：GitHub 官方前端方案，开发者工具界面最对口
Primer 是 GitHub 的前端设计系统——GitHub 网站自己就用它。它包含设计原则、Figma 资源、Primer CSS（SCSS）、React 组件（@prim…
ZURB 出品的 Foundation 还值得用吗：响应式老框架，如今偏维护
Foundation 是和 Bootstrap 同时代起步的响应式前端框架，由设计公司 ZURB 出品，曾经是企业级站点的常客。它的 XY Grid 网格和无障碍理念都挺超前，…
Chakra UI 上手指南：组合式 React 组件系统，暗色模式与无障碍都开箱即用
Chakra UI 走的是组合式路线：用声明式 props 拼组件，内置暗色模式，而且按 WAI-ARIA 规范做无障碍。想快点出 SaaS 原型又不丢可访问性，它是个省心的选…
曾经极火的 Semantic UI 现在还能用吗：上游停更，新项目不建议
Semantic UI 当年靠「ui inverted segment 这种接近自然语言的类名」火遍一时，star 数一度很高。但今天它的上游已经多年没有实质发布，仓库在 20…
Shoelace：框架无关的 Web Components 组件库
Shoelace 是基于 Web Components 标准的组件库，特点是框架无关——React、Vue、Angular 甚至纯 HTML 都能直接用它。它已被 Font A…
Radix UI 无头组件库：只管交互与无障碍，外观让你自己画
做组件库最容易被忽略的一点是：把样式和逻辑绑死，改个外观要扒三层。Radix UI 走的是另一条路——它只负责交互行为和无障碍，所有视觉由你画。已经在 shadcn/ui 等大…
Base UI 无头组件库：Radix 原班团队新作，自建设计系统底座
如果你在 2026 年新起一个要自建设计系统的 React 项目，Base UI 是目前更被看好的底层。它由 Radix UI 的原班团队打造，延续无样式、强无障碍的路线，把 …
Headless UI 无头组件：Tailwind 官方出品，交互组件拿来即用
Headless UI 是 Tailwind Labs 官方出的无头组件集合——就是不写样式的交互组件，菜单、对话框、开关这些都做好了无障碍与键盘行为，外观你用 Tailwin…
颜色够不够看得清：WebAIM 对比度检查，按 WCAG 标准给结论
「这个灰字放在深色背景上能不能看清」，凭感觉判断经常偏乐观 —— 做的人显示器好、环境暗，看的人可能正相反。这类事应该交给公式。