Question

有没有办法让turbolinks自动通知屏幕阅读器文档的标题和正文发生了变化？

否则，turbolinks使得任何其他可访问的网站使用屏幕阅读器非常麻烦。

更新

我在related issue开了一个Waiable gem，这个宝石的目标是让Rails可以访问。

Answer 1

@steveax的答案是正确的。您应该使用ARIA实时区域。你可能应该与turbolinks的事件系统联系起来做公告。

jQuery(document).on("ready page:change", function () {
    // do ARIA live stuff in here, e.g. using a11yfy
    jQuery.a11yfy.assertiveAnnounce(document.title);
});

以下是ARIA-live https://github.com/dylanb/a11yfy/blob/master/a11yfy/jquery.a11yfy.core.js#L464的jQuery实现这是一个Angular.js实现（更健壮）https://github.com/dequelabs/ngA11y/blob/master/src/nga11yannounce.js

优化屏幕阅读器的turbolinks？

1 个答案: