react-aria-modal:根据WAI-ARIA创作规范构建的完全可访问的React模式

时间:2024-05-22 09:41:08
【文件属性】:

文件名称:react-aria-modal:根据WAI-ARIA创作规范构建的完全可访问的React模式

文件大小:92KB

文件格式:ZIP

更新时间:2024-05-22 09:41:08

JavaScript

React咏叹调模态 寻求共同维护者! 这个项目的持续发展将需要一个或多个专门的共同维护者(或叉)的工作。 如果您有兴趣,请在发表评论。 根据构建的完全可访问且灵活的React模式。 此模块提供了样式最简单的“”组件,用于包装完全样式化的“表示”组件。 它提供了以下功能,同时使您可以完全控制内容: 焦点被困在模态中:Tab和Shift + Tab将在模态的可聚焦节点之间循环,而不会返回到下面的主文档。 转义将关闭模式。 滚动冻结在模式下方的主文档上。 模态关闭时,焦点返回到激活模态之前聚焦的元素。 对话框元素具有ARIA role的dialog (或alertdialog )。 对话框元素具有一个ARIA属性,用于指定其标题,即aria-label或aria-labelledby 。 默认情况下,单击模态的参考底图(在对话框元素外部)将关闭模态(可以禁用)。 模态被附加


【文件预览】:
react-aria-modal-master
----.travis.yml(52B)
----.eslintrc(273B)
----package.json(2KB)
----test()
--------isomorphadorphic.js(757B)
----.prettierignore(13B)
----LICENSE(1KB)
----package-lock.json(301KB)
----src()
--------react-aria-modal.js(6KB)
----.npmignore(23B)
----.gitignore(39B)
----CHANGELOG.md(4KB)
----demo()
--------index.html(5KB)
--------js()
--------base.css(1KB)
--------modal.css(853B)
----CODE_OF_CONDUCT.md(2KB)
----README.md(16KB)
----.eslintignore(25B)
----.prettierrc.json(26B)

网友评论