Html 隐藏字段508的标签是否符合要求？

我有下面的Struts2代码，它生成一个托运人列表。它仅在用户选择装运类型后显示（JavaScript将删除

隐藏的
类）


当我把HTML放在文件中时，我得到了错误

label元素的
属性必须引用非隐藏的表单控件

HTML是否真的不兼容（如果不兼容，我该如何修复它），或者这只是W3C标记验证服务中的一个bug？
如标签的定义：

label元素表示表单控件的标题

您当前正在为链接使用
标签
标记，而不是表单控件，这是您的第一个错误

是的，这是正确的：

label元素的
属性必须引用非隐藏的表单控件

使用屏幕阅读器导航时，您必须能够从标签转到表单控件。但在您的情况下，您的标签和未来的表单控件（一旦您将链接替换为表单控件）似乎都将位于同一个隐藏的
div
。所以你不必在意这样的评论

但我认为使用表单控件将从W3验证程序中删除此注释，因为它不处理CSS。
尝试使用508检查器而不是普通html检查器扫描您的站点：我的代码位于本地主机上，因此我假设在使用您建议的站点之前，我需要部署代码。此外，只有在添加了一些托运人之后，才会显示有问题的代码。我不知道如何传递显示代码的url。您可以添加托运人，转储DOM并发布一个静态.html页面，然后进行验证。但它的速度更快：（不确定它是否允许直接输入验证，但它是一个桌面应用程序，所以我想它应该）我认为这是广泛使用的，所以可以安全下载？安全先生死了…：pI不知道如何使代码与表单控件而不是链接一起工作。所以我应该用纯文本来描述我的链接吗？我不确定我的问题是否清楚。如果我使用纯文本标题，我的链接是否符合508标准？链接本身是否为屏幕阅读器提供了足够的信息？谢谢
<div class ="showIfNotOther hidden">
<div class="row">
    <div class="col-xs-12  rowsecthead" id="shipperInfoHeader"><s:text name="shipperInfo"/></div>
</div>
<s:iterator value="chosenShipperViewList" status="status">
    <div class="row small-line-height">
        <div class="col-sm-2 col-xs-12 "><label for='<s:property value="%{'deleteShipper'+#status.index}" />' class="pull-right"><s:text name="deleteShipperInfo"></s:text>:</label></div>
        <div class="col-sm-3 col-xs-12 text-left">
            <s:url var="deleteLink" action="shipment_deleteShipperFromChosenShipperViewList"></s:url>
            <s:a id="%{'deleteShipper'+#status.index}" href="%{deleteLink}"> <img   src="/llr/theme/delete.gif" width="16" height="16" alt="Map Red X" ></s:a>
        </div>
        <hr>
    </div>                
</s:iterator>

<div class ="showIfNotOther hidden">
<div class="row">
    <div class="col-xs-12  rowsecthead" id="shipperInfoHeader">Shipper Information</div>
</div>
<div class="row small-line-height">
    <div class="col-sm-2 col-xs-12 "><label for='deleteShipper0' class="pull-right">Delete Shipper Info:</label></div>
    <div class="col-sm-3 col-xs-12 text-left">
        <a id="deleteShipper0" href="/llr/shipment_deleteShipperFromChosenShipperViewList.action?organizationName=Mercy"><img   src="/llr/theme/delete.gif" width="16" height="16" alt="Map Red X" ></a>
    </div>
    <hr>
</div>                
<div class="row small-line-height">
    <div class="col-sm-2 col-xs-12 "><label for='deleteShipper1' class="pull-right">Delete Shipper Info:</label></div>
    <div class="col-sm-3 col-xs-12 text-left">
        <a id="deleteShipper1" href="/llr/shipment_deleteShipperFromChosenShipperViewList.action?organizationName=Nuclear"><img src="/llr/theme/delete.gif" width="16" height="16" alt="Map Red X" ></a>
    </div>
    <hr>
</div>