从类名和 jQuery UI CSS 源代码来看，ui-helper-hidden-accessible类似乎是一种隐藏元素同时仍使其可访问的方式。
我不明白它在这种特殊情况下的用途。我尝试搜索 SO 和 Google 寻找使用此类的原因，但没有找到我的答案。
这是此 UI 多选小部件生成的 HTML 的摘录：
<div style="width: 176px;" class="ui-multiselect ui-helper-clearfix ui-widget">
<div style="width: 105px;" class="selected">
<div class="actions ui-widget-header ui-helper-clearfix">
<span class="count">0 items selected</span><a href="#" class="remove-all">Remove all</a>
</div>
<ul style="height: 270px;" class="selected connected-list ui-sortable">
<li class="ui-helper-hidden-accessible"></li>
</ul>
</div>
<div style="width: 69px;" class="available right-column">
<div class="actions ui-widget-header ui-helper-clearfix">
<input class="search empty ui-widget-content ui-corner-all" type="text"><a href="#" class="add-all">Add all</a>
</div>
<ul style="height: 279px;" class="available connected-list">
<li class="ui-helper-hidden-accessible"></li>
<li style="display: block;" class="ui-state-default ui-element ui-draggable" title="3D Animation"><span class="ui-helper-hidden"></span>3D Animation<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
<li style="display: block;" class="ui-state-default ui-element ui-draggable" title="Accreditation"><span class="ui-helper-hidden"></span>Accreditation<a href="#" class="action"><span class="ui-corner-all ui-icon ui-icon-plus"></span></a></li>
</ul>
</div>
我正在使用这个小部件并想要进行一些更改。当我这样做时，我正在清理代码并删除不必要的位。我看不到以下代码行的目的。
<li class="ui-helper-hidden-accessible"></li>
我尝试删除有li问题的内容，但看不出它有什么不同，但我不能声称对可访问性了解很多。
注意：我是 GitHub 的新手，不确定适当的礼仪。但由于原作者不再维护小部件，我认为直接联系他并不合适。
那么这行代码是否用于我没有考虑过的特定目的，或者可以删除它吗？
编辑：我只是有另一个想法。也许隐藏的目的li是创建有效的 HTML，因为空ul对 HTML 4.01 和 XHTML 无效。但这仅对验证者有用吗？