hanav 是我这几个月开发的 React 导航栏组件库,用它可以开发出用户体验优秀的导航栏。
仓库/在线演示
动画、高可访问和键盘导航是 hanav 的亮点,下面是演示动图。
🍯 动画
hanav 的动画可以很好地表达“内容展现的由来、切换的过程和消失的去向”。

结合可访问性,hanav 提供了无动画的独立组件,用于当用户打开操作系统的“减弱动态效果”时,启用无动画版本导航栏。
♿️ 高可访问
hanav 可以通过屏幕阅读器(辅助技术)访问,hanav 添加了一些有助于辅助技术访问的 aria 属性。

除了辅助技术导航,hanav 也提供专为移动端设计的独立组件,用于开发响应式设计页面。hanav 内部使用语义标签和原生控件,利于 SEO 和辅助技术导航。其它的,hanav 完全支持键盘导航。
🎹 键盘控制
hanav 支持自由切换鼠标、键盘访问,通过键盘 Tab 、Shift-Tab 、Escape 、空格、回车,即可访问。

如果喜欢,尝试体验一下~然后标个 Star 支持和推广一下吧~
|