hanav 是我这几个月开发的 React 导航栏组件库,用它可以开发出用户体验优秀的导航栏。
动画、高可访问和键盘导航是 hanav 的亮点,下面是演示动图。
hanav 的动画可以很好地表达“内容展现的由来、切换的过程和消失的去向”。
结合可访问性,hanav 提供了无动画的独立组件,用于当用户打开操作系统的“减弱动态效果”时,启用无动画版本导航栏。
hanav 可以通过屏幕阅读器(辅助技术)访问,hanav 添加了一些有助于辅助技术访问的 aria 属性。
除了辅助技术导航,hanav 也提供专为移动端设计的独立组件,用于开发响应式设计页面。hanav 内部使用语义标签和原生控件,利于 SEO 和辅助技术导航。其它的,hanav 完全支持键盘导航。
hanav 支持自由切换鼠标、键盘访问,通过键盘 Tab
、Shift-Tab
、Escape
、空格、回车,即可访问。
如果喜欢,尝试体验一下~然后标个 Star 支持和推广一下吧~