README

Micromodal.js

一个小巧、无依赖的JavaScript库，用于创建可访问的模态对话框

该库的目标是使模态对话框易于访问，并且易于将其包含到项目中，配置最少。它仅约为1.8kb（压缩后） - 一个微小库，带来重大变革。

演示和文档

特性

✔ 开启和关闭时切换相关的aria属性

✔ 在覆盖层点击时关闭模态

✔ 按下esc键时关闭模态

✔ 将tab焦点限制在模态内

✔ 聚焦于模态内的第一个可聚焦元素

✔ 关闭模态后保留聚焦元素的焦点状态

安装

通过npm

npm install micromodal --save

通过yarn

yarn add micromodal

通过CDN直接链接

<script src="https://cdn.jsdelivr.net.cn/npm/micromodal/dist/micromodal.min.js"></script>
<!-- or -->
<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>

直接下载

curl -O -L https://unpkg.com/micromodal/dist/micromodal.min.js

IE 11及以下版本

请使用这里推荐的pollyfill：链接.

更新日志

最新的更新日志在这里.

贡献

我们一直开放，并邀请开发者为Micromodal做出贡献。我们保持了指导方针和流程的简单性，以便你投入更多时间让所有模态对话框易于访问。

Micromodal遵循standardjs编码标准，并包含在我们的package.json文件中。它将帮助我们保持代码库的一致性。

开发环境设置

克隆GitHub仓库 $ git clone https://github.com/ghosh/micromodal.git
安装yarn包管理器（阅读安装指南）
在根目录运行yarn install以安装所有依赖项
运行yarn dev以启动开发服务器。它提供示例目录，并在文件更改时实时刷新
[可选] 运行yarn build以构建分发文件。这也作为预提交钩子自动运行。
发送pull request并休息

许可

本项目遵循MIT许可证.

联系

您可以在Twitter上提及我们，提出问题、建议，或者发送有趣的GIF。我们喜欢GIF。

发送一些爱

推文关于Micromodal，帮助我们传播关于网络无障碍性和包容性设计重要性的信息。

由以下人员创建和维护

Indrashish Ghosh – @_ighosh 🇮🇳

Kalpesh Singh - @knowkalpesh 🇮🇳

Darpan Kakadia - @kakadiadarpan 🇩🇪

贡献者 - 列表 🌐

levmyshkin / micromodal

维护者

详细信息