Question

我正在使用JSF2.0，但在使用panelGrid时我遇到了可访问性问题。

在这种情况下，我使用了两个嵌套的panelGrid：

<h:panelGrid id="inq" columns="1" 
    columnClasses="columnclass-noborders" >
<h:panelGrid  columns="2" 
    columnClasses="columnclass-noborders columnclass-right-padding, 
    columnclass-noborders"
    cellspacing="0" cellpadding="0">

网站http://achecker.ca/checker/index.php

返回以下错误。

有没有办法根据WCAG 2.0 AA的要求获取panelGrid可访问的设置ID和标题？

1.3适应性：创建可以不同方式呈现的内容（例如更简单的布局），而不会丢失信息或结构。

成功标准1.3.1信息和关系（A）

检查245：具有多个行/列标题的数据表不使用id和headers属性来标识单元格。修复：将id和headers属性添加到表格单元格，以便它们识别与标题相关的单元格。

错误第61行，第22栏：

<table id="form:inq">
<tbody>
<tr>
<td class="columnclass-noborders"><table cellpadding="0" cells ...

Answer 1

如果没有看到完整的代码，我假设您使用第一个panelGrid作为标题行，第二个包含数据。看起来http://www.jsftoolbox.com/documentation/help/12-TagReference/html/h_panelGrid.html上的表格可以部分访问。您可以从中获得一些想法。该链接使用：

<f:facet name="header">
 <h:outputText value="#{bundle.signInMessage}"/>
</f:facet>

看起来像控制<th>。您需要按照http://www.w3.org/TR/html4/struct/tables.html#h-11.4.1

中所述控制标题和ID

有没有办法让h：panelGrid可以访问？

1 个答案: