van11y-accessible-simple-tooltip-aria:使用ARIA的ES2015可访问的简单工具提示

时间:2024-05-19 13:19:52
【文件属性】:

文件名称:van11y-accessible-simple-tooltip-aria:使用ARIA的ES2015可访问的简单工具提示

文件大小:45KB

文件格式:ZIP

更新时间:2024-05-19 13:19:52

accessibility es2015 a11y aria tooltip

使用ARIA的Van11y ES2015可访问的简单工具提示 该脚本将使用ARIA提供一个可访问的简单工具提示系统。 演示在这里: : 网站在这里: : 法语存在页面: ://van11y.net/fr/infobulles-tooltips-accessibles/ 这个怎么运作 第一回合 基本上,该脚本将每个class="js-simple-tooltip"包装为span class="-container" ,并将内容添加到其旁边的隐藏内容中。 一旦使用class="js-simple-tooltip"聚焦或悬停了元素,就会显示该元素。 您可以在所需的标签上使用它(输入,按钮,a…)。 然后是一些样式类 然后它将为您生成一些类,以允许根据需要设置工具提示的样式。 ARIA即将来临 aria-describedby和即时生成


【文件预览】:
van11y-accessible-simple-tooltip-aria-master
----bower.json(842B)
----src()
--------van11y-accessible-simple-tooltip-aria.es6.js(9KB)
----demo()
--------index-fr.html(4KB)
--------index.html(3KB)
--------styles.css(6KB)
----GulpFile.js(1KB)
----LICENSE(1KB)
----README.md(6KB)
----dist()
--------van11y-accessible-simple-tooltip-aria.min.js(4KB)
--------van11y-accessible-simple-tooltip-aria.js(9KB)
--------van11y-accessible-simple-tooltip-aria.es6.js(9KB)
--------README.md(1KB)
----.editorconfig(322B)
----.gitignore(14B)
----package-lock.json(114KB)
----package.json(1KB)

网友评论