Html 可访问ZK日期框

ZK datebox组件生成如下HTML代码（请参阅）

这种解决方案也适用于其他ZK组件，如分页图标等

我必须在我们的网页上做出可访问性批准。我认为这是一个“不可能完成的任务”，因为ZK在

内部生成了一些有趣的东西，比如

或者这个Unicode图标技巧。但也许我可以做一些改进

作为第一个想法，我给

标记添加了一个“alt”属性，因为它是一个没有文本表示的命令组件。然后我意识到它是无效的HTML，“alt”应该设置在

内的

标记上。但是在我的情况下，“alt”属性没有有效的位置

---

我应该做什么（除了选择其他框架）？

您到底想做什么，或者您期望的html输出是什么？你不需要选择另一个框架，ZK非常灵活，可以交替使用组件，当然，如果你知道如何做到这一点的话。让应用程序变得可访问非常容易，但如果你以前没有这样做过的话，你可能会感到畏缩。您熟悉html5中的ARIA属性吗？在您的示例中，尝试将'alt'添加到锚定标记中，您注意到该标记不是有效的html，而应该使用aria标签。有关其他ARIA属性，请参见。我教授有关无障碍性的课程，但不能在本评论部分进行。研究WCAG 2.0（web内容可访问性指南）。你可以做很多简单的事情来提高可访问性。@slagolicious：谢谢你的评论，它解决了我的问题。请将您的评论作为答案发布，以便我可以接受它作为解决方案！

<span id="cJ8Pp" class="z-datebox">
  <input id="cJ8Pp-real" class="z-datebox-input" autocomplete="off" value="2016.12.23." type="text" size="12">
    <a id="cJ8Pp-btn" class="z-datebox-button">
      <i class="z-datebox-icon z-icon-calendar"></i>
    </a>
    <div id="cJ8Pp-pp" style="display:none"></div>
</span>

.z-icon-calendar:before {
    content: "\f073";
}