5

私が開発しているサイトの要件は、508 に準拠している必要があるということです。現在、ほとんどの html ビューはヘッダーで始まり、h1そのビューに必要なものは何でもあります。現在、フォームについては、他の多くのガイドラインの中で、アクセシビリティを扱うときにfieldsetおよびを使用することが推奨されています。がコンテンツのタイトルだったlegendので、これは少し複雑になりますが、と凡例を使用する必要がある場合、タイトルはありますが、凡例のタイトルはほとんど同じものになります。例えば： h1fieldseth1

<h1>Edit Education Details</h1>

  <form>
    <fieldset>
      <legend>Edit Education Details</legend>

      <p>
        <label for="school">School</label>
        <input id="school" name="school" type="text"/>
      </p>

      ...other fields

    </fieldset>      
  </form>

どのルートに行けばよいかわかりません。スタイリングh1と同じになるように、凡例を取り除き、スタイルを設定する必要がありますか? h1または、まったく同じテキストにならないように、凡例のテキストを工夫する必要がありますか? 前もって感謝します。

4

1 に答える 1

7

をそのままh1にして (その画面で編集できるのは Education Details だけだと仮定します)、fieldset/legend関連するフォーム コントロールをグループ化するために使用します。たとえば、ユーザーの教育レベルを処理する一連のチェックボックスがあるとします。

<h1>Edit Education Details</h1>

<form>

<p>
  <label for="school">School</label>
  <input id="school" name="school" type="text"/>
</p>
<fieldset>
  <legend>Level of Education Completed</legend>
  <input type="checkbox" id="highschool">
  <label for="highschool">High School</label>
  <input type="checkbox" id="associates">
  <label for="associates">Associates Degree</label>
  [...]
</fieldset>      
</form>

フォームに入力の論理的に関連付けられたセクションがない場合は、fieldset/legends. 冗長性を持たせたり、冗長にならないように「創造的になったり」しても、アクセシビリティは向上しません。

WCAG 2.0 - H82: FIELDSET および LEGEND を使用したフォーム コントロールのグループ化を参照してください。

于 2013-03-22T01:03:51.597 に答える