anOnion

轮播组件用不好会"坑"了无障碍用户？本文基于 W3C 规范，详解 Carousel 的正确打开方式：从 ARIA 属性到键盘交互，教你打造既美观又包容的幻灯片组件，让屏幕阅...

WAI-ARIA Tabs 无障碍实战指南 ：从键盘导航到屏幕阅读器适配，手把手教你构建符合 WCAG 标准的标签页组件，让你的 Tabs 组件真正无障碍！...

开关（Switch）不只是 Checkbox 的变形！深入解析 W3C ARIA 规范，掌握开关组件的无障碍实现技巧，让你的设置界面既美观又专业。...

单选按钮看似简单，但互斥选择背后暗藏无障碍玄机！一文掌握 W3C ARIA 规范，从键盘导航到语义分组，打造专业级 Radio 组件。...

复选框看似简单，三状态交互却暗藏玄机！一文掌握 W3C 无障碍规范，从双状态到全选/部分选，打造专业级 Checkbox 组件。...

长表单让人头疼？Accordion 手风琴模式帮你化繁为简！一文掌握 W3C 无障碍规范，从 heading 结构到键盘导航，打造专业级折叠面板。...

Disclosure 展开收起模式详解：从 WAI-ARIA 规范到原生 details 元素实现，掌握 FAQ、导航菜单等场景的无障碍组件开发技巧。...

模态对话框详解，涵盖 ARIA 规范、焦点管理与键盘交互。介绍原生 dialog 与 div+ARIA 实现方式，探讨最佳实践，助你构建无障碍对话框组件。...

Alert Dialog 是 Web 无障碍交互的重要组件。本文详解其 WAI-ARIA 实现要点，涵盖角色声明、键盘交互、最佳实践，助你打造中断式对话框，让关键信息触达每...

Alert 是 Web 无障碍通知的核心组件。本文详解其 WAI-ARIA 实现要点，涵盖角色声明、视觉样式、最佳实践，助你打造包容性体验，让关键信息触达每位用户。...

面包屑导航展示层级路径，助用户定位。实现：nav + aria-label + aria-current。...

本文档介绍 WAI-ARIA Link Pattern 规范，包含链接的 ARIA 属性、键盘交互（Enter/Shift+F10）、最佳实践及链接与按钮的区别。...

本文档详解 WAI-ARIA Button Pattern 无障碍按钮组件的设计与实现。内容包括按钮的三种类型（普通、切换、菜单按钮）、键盘交互规范、空格键和回车键激活方式...

终于还是被通知解除合同了，只能全心投入到新的求职之路上去了。不过，我还是想尽快完成《类型体操》系列文章，尽量每周都有产出。Easy 题共 13 题，题目都很短，我就全部整理...

MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。...

本文是《内置工具类型》系列最后一篇，一共 22 个内置的工具类型，拖拖拉拉总算要把所有的内置工具讲完了。今天我们讲最难的那几个。...

ts内置工具类型是对现有类型进行“变形”的工具。这些工具本质上就是类型系统中的“函数“。本文延续上文内容，集中学习infer相关联的几个工具类型，并解释它们自身是如何实现的...