Select2插件和508合规性

Question

问题

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

我的理解是，有一个名为SelectWoo的项目，该项目使 Select2 （下拉控件）与 508兼容（可访问性）。

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

Answer 1

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

在初始化$(field).select2({..})之后，只需要这4行：

$(".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，则可以在document.ready的最后添加这4行，它们将立即处理所有控件实例。