“无障碍”这个词熟悉又陌生，经常听到却察觉不到实践。粗略举个例子，浏览网页的时候，如果鼠标是自行车，无障碍就是双脚行走，也许自行车让我们更快抵达目标，但不会因此放弃双脚行走的能力，况且双脚更灵活。
无障碍让应用从“能用”变得“好用”。
这一次我实现了一个无障碍的导航栏库 hanav，他有一些特别的特性：
- ♿️无障碍——ARIA 标签增强屏幕阅读器的访问；
- 🎹无障碍——完全键盘控制；
- 🍯细腻动画；
- 📱响应式独立移动端视图组件；
- 🎨高度自定义。
hanav 诞生于商业产品需求，离职之后我不断迭代，那么 hanav 独立成长于开源世界。下面是 hanav 的灵感来源：
| Apple | Radix UI | |
|---|---|---|
 |
 |
 |
上面动图展示的 3 个网站，尤其是 Apple 和 Radix UI 做的无障碍非常出色，具备无障碍的同时，又有细腻丝滑的过渡动画，实打实做到了人用人爱。正式因为有这样的先驱带头普及，才有更多的企业、产品、开发者和用户了解、实践、推广和受益，我也是其中之一。
下面展示 hanav 的动画：
下面展示 macOS 下屏幕阅读器旁白“转子”（属于无障碍）对 hanav 的使用：
接着，只有大家的指导、喜爱和应用，才有茁壮于社区的 hanav。hanav 非常适合用在企业官网或产品官网，有很多网站的导航栏都有类似的模式。
