1

我正在使用 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 ...
4

1 回答 1

2

在没有看到完整代码的情况下，我假设您使用第一个 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>. 您将需要控制标题和 ID，如下所示：http ://www.w3.org/TR/html4/struct/tables.html#h-11.4.1

于 2012-05-24T15:13:33.797 回答