微型用户友好辅助功能工具 jQuery A11yKit

  • 源码大小:10.77KB
  • 所需积分:1积分
  • 源码编号:19JP-3425
  • 浏览次数:377次
  • 最后更新:2023年06月11日
  • 所属栏目:其他
本站默认解压密码:19jp.com 或 19jp_com

简介

任何你想成功并让访问者花费时间的网站都需要易于导航。无障碍是至关重要的,这样每个人都可以使用他们需要的工具来使用你的网站,而不受其限制

以用户为中心、公告和元素选择是重要的辅助功能,可帮助依赖辅助技术(如键盘或屏幕阅读器)的用户高效浏览网页。确保您的网站针对这些功能精心设计,意味着它将可供更多人使用。

这个jQuery插件使与辅助功能工具的交互比以前更容易。它具有用户友好的API,并通过实现设置焦点、发布内容和选择交互元素来提高可访问性。您再也不用担心自己处理焦点或其他辅助功能了。

如何使用它:

1.下载并加载a11y_kit.jquery.jsjQuery之后的脚本。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/dist/a11y_kit.jquery.js"></script>

2.使用访问()方法参数位置_焦点_前方用于确定是否将用户焦点设置为临时跨度标记。

$('input').access();
$('input').access(true);

3.在页面上显示即时消息。

<div id="a11y_announcer" aria-live="polite" class="output"></div>
$.announce('Message Here', 'polite');
$.announce('Message Here', 'assertive');

4.全选:可聚焦:可选项卡文档中的元素。

$(':focusable')
$(':tabbable')

预览截图