可访问的ZK日期框

时间:2016-12-23 14:37:34

标签: html css accessibility zk

ZK日期框组件生成这样的HTML代码(请参阅https://www.zkoss.org/zkdemo/input/date_and_time_picker

<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>

<i>标记使用以下CSS设置样式以显示日历图标:

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

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

我必须在我们的网页上进行辅助功能批准。我认为这是一个不可能完成的任务&#34;,因为ZK会在<div>内生成有趣的内容,例如<span>或者这个Unicode图标技巧。但也许我可以做一些改进。

作为第一个想法我放了一个&#34; alt&#34;属性为<a>标记,因为它是没有文本表示的命令组件。然后我意识到它是无效的HTML,&#34; alt&#34;应在<img>内的<a>标记上设置。但是对于&#34; alt&#34;我的情况没有合适的地方。属性。

我应该做什么(除了选择其他框架)?

0 个答案:

没有答案