获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
48
赞
48
返回
|
搜索文章
最新 热门
  • 构建无障碍组件之Radio group pattern
    单选按钮看似简单，但互斥选择背后暗藏无障碍玄机！一文掌握 W3C ARIA 规范，从键盘导航到语义分组，打造专业级 Radio 组件。
    • 1天前
    • 23
    • 评论
    前端 交互设计 HTML
    构建无障碍组件之Radio group pattern
  • 构建无障碍组件之Checkbox pattern
    复选框看似简单，三状态交互却暗藏玄机！一文掌握 W3C 无障碍规范，从双状态到全选/部分选，打造专业级 Checkbox 组件。
    • 6天前
    • 156
    • 评论
    前端 HTML 交互设计
    构建无障碍组件之Checkbox pattern
  • 构建无障碍组件之Accordion Pattern
    长表单让人头疼？Accordion 手风琴模式帮你化繁为简！一文掌握 W3C 无障碍规范，从 heading 结构到键盘导航，打造专业级折叠面板。
    • 10天前
    • 95
    • 评论
    HTML 交互设计 设计
    构建无障碍组件之Accordion Pattern
  • 构建无障碍组件之Disclosure Pattern
    Disclosure 展开收起模式详解：从 WAI-ARIA 规范到原生 details 元素实现，掌握 FAQ、导航菜单等场景的无障碍组件开发技巧。
    • 16天前
    • 167
    • 评论
    前端 HTML 交互设计
    构建无障碍组件之Disclosure Pattern
  • 构建无障碍组件之Dialog Pattern
    模态对话框详解，涵盖 ARIA 规范、焦点管理与键盘交互。介绍原生 dialog 与 div+ARIA 实现方式，探讨最佳实践，助你构建无障碍对话框组件。
    • 17天前
    • 59
    • 评论
    前端 交互设计 HTML
    构建无障碍组件之Dialog Pattern
  • 构建无障碍组件之Alert Dialog Pattern
    Alert Dialog 是 Web 无障碍交互的重要组件。本文详解其 WAI-ARIA 实现要点，涵盖角色声明、键盘交互、最佳实践，助你打造中断式对话框，让关键信息触达每位用户。
    • 21天前
    • 70
    • 评论
    前端 HTML 交互设计
    构建无障碍组件之Alert Dialog Pattern
  • 构建无障碍组件之Alert Pattern
    Alert 是 Web 无障碍通知的核心组件。本文详解其 WAI-ARIA 实现要点，涵盖角色声明、视觉样式、最佳实践，助你打造包容性体验，让关键信息触达每位用户。
    • 28天前
    • 74
    • 评论
    前端 HTML 设计
    构建无障碍组件之Alert Pattern
  • 构建无障碍组件之Breadcrumb Pattern
    面包屑导航展示层级路径，助用户定位。实现：nav + aria-label + aria-current。
    • 29天前
    • 93
    • 评论
    前端 设计 HTML
    构建无障碍组件之Breadcrumb Pattern
  • 构建无障碍组件之Link Pattern
    本文档介绍 WAI-ARIA Link Pattern 规范，包含链接的 ARIA 属性、键盘交互（Enter/Shift+F10）、最佳实践及链接与按钮的区别。
    • 1月前
    • 126
    • 评论
    前端 HTML 交互设计
  • 构建无障碍组件之Button Pattern
    本文档详解 WAI-ARIA Button Pattern 无障碍按钮组件的设计与实现。内容包括按钮的三种类型（普通、切换、菜单按钮）、键盘交互规范、空格键和回车键激活方式、WAI-ARIA 属性（r
    • 1月前
    • 54
    • 评论
    前端 HTML
    • 下一页
    个人成就
    文章被点赞 311
    文章被阅读 87,302
    掘力值 2,327
    收藏集
    7
    关注标签
    0
    加入于