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