jquery-select2 - Select2 插件和 508 合规性

Question

问题

Select2 控件引入了 508 个问题，如 Chrome 的 Axe 插件所示。如何使 Select2 508 兼容？

我的理解是有一个项目叫SelectWoo这使得 Select2(下拉控件)符合 508(辅助功能)。

但是怎么办SelectWoo的版本映射到 Select2 的版本？如果我使用的是Select2 4.0.3，然后需要升级，SelectWoo 有自己的版本吗？它是一个单独的分支吗？

Answer 1

我们已经解决了 Select2 的 508 合规性问题(无需切换到任何其他替代方案)。

初始化之后所需要的就是这 4 行 $(field).select2({..}) :

$(".select2-selection").removeAttr("role");
$(".select2-search__field").removeAttr("role");
$(".select2-search__field").attr("aria-label", "textbox");
$(".select2-search__field").attr("type", "text");

这消除了 Ax 在给定页面上的所有 Select2 字段上显示的 508 错误。如果有多个 Select2，可以将这 4 行添加到 document.ready 的最后，它们将立即处理所有控件实例。