任何你想成功并让访问者花费时间的网站都需要易于导航。无障碍是至关重要的,这样每个人都可以使用他们需要的工具来使用你的网站,而不受其限制
以用户为中心、公告和元素选择是重要的辅助功能,可帮助依赖辅助技术(如键盘或屏幕阅读器)的用户高效浏览网页。确保您的网站针对这些功能精心设计,意味着它将可供更多人使用。
这个jQuery插件使与辅助功能工具的交互比以前更容易。它具有用户友好的API,并通过实现设置焦点、发布内容和选择交互元素来提高可访问性。您再也不用担心自己处理焦点或其他辅助功能了。
1.下载并加载a11y_kit.jquery.js
jQuery之后的脚本。
<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')