首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
Design system
anOnion
创建于2026-01-28
订阅专栏
探索设计系统的构建与实践,涵盖组件库开发、设计规范、无障碍标准及 UI/UX 最佳实践,助你打造一致且可访问的产品体验。
等 1 人订阅
共7篇文章
创建于2026-01-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
构建无障碍组件之Disclosure Pattern
Disclosure 展开收起模式详解:从 WAI-ARIA 规范到原生 details 元素实现,掌握 FAQ、导航菜单等场景的无障碍组件开发技巧。
构建无障碍组件之Dialog Pattern
模态对话框详解,涵盖 ARIA 规范、焦点管理与键盘交互。介绍原生 dialog 与 div+ARIA 实现方式,探讨最佳实践,助你构建无障碍对话框组件。
构建无障碍组件之Alert Dialog Pattern
Alert Dialog 是 Web 无障碍交互的重要组件。本文详解其 WAI-ARIA 实现要点,涵盖角色声明、键盘交互、最佳实践,助你打造中断式对话框,让关键信息触达每位用户。
构建无障碍组件之Alert Pattern
Alert 是 Web 无障碍通知的核心组件。本文详解其 WAI-ARIA 实现要点,涵盖角色声明、视觉样式、最佳实践,助你打造包容性体验,让关键信息触达每位用户。
构建无障碍组件之Breadcrumb Pattern
面包屑导航展示层级路径,助用户定位。实现:nav + aria-label + aria-current。
构建无障碍组件之Link Pattern
本文档介绍 WAI-ARIA Link Pattern 规范,包含链接的 ARIA 属性、键盘交互(Enter/Shift+F10)、最佳实践及链接与按钮的区别。
构建无障碍组件之Button Pattern
本文档详解 WAI-ARIA Button Pattern 无障碍按钮组件的设计与实现。内容包括按钮的三种类型(普通、切换、菜单按钮)、键盘交互规范、空格键和回车键激活方式、WAI-ARIA 属性(r