1

JSF2.0 を使用していますが、panelGrid を使用するとアクセシビリティの問題が発生します。

この場合、ネストされた 2 つの 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">

Web サイトhttp://achecker.ca/checker/index.php

以下のエラーを返します。

WCAG 2.0 AA で要求されている panelGrid アクセス可能な設定 ID とヘッダーを取得する方法はありますか?

1.3 適応性: 情報や構造を失うことなく、さまざまな方法 (たとえば、よりシンプルなレイアウト) で提示できるコンテンツを作成します。

達成基準 1.3.1 情報と関係 (A)

チェック 245: ヘッダーの行/列が複数あるデータ テーブルでは、id 属性とヘッダー属性を使用してセルを識別していません。修復: 表のセルに id および headers 属性を追加して、ヘッダーに関連するセルを識別できるようにします。

エラー行 61、列 22:

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

1 に答える 1

2

完全なコードを表示せずに、最初の panelGrid をヘッダー行として使用し、2 番目にデータを保持していると想定しています。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 を制御する必要があります。

于 2012-05-24T15:13:33.797 に答える