フォームをアクセシブルにするには、各コントロール(例:テキストフィールド、チェックボックス、ラジオボタン、など)とそれに対応するラベル(項目名や選択肢をあらわすテキスト)とをlabel要素を用いて関連付ける必要があり、これを手作業で行おうとすると、非常に手間と時間のかかる作業になってしまいます。しかし、LIFTの修正ウィザードを使用すれば、たとえHTMLについて詳しく知らなくても、とても簡単に短時間でこの作業を終えることができます。

Dreamweaverでフォームのレイアウトを作成します。LIFTのモニタウィンドウには、"ラベルとコントロールの関連付け"という問題箇所がフォームにあるコントロールの数だけ指摘されます。

上から順番にコントロールを選択していきます。この例では、まず"お名前(必須)"という項目のテキストフィールドを選択します。

テキストフィールドを選択すると、LIFTの修正ウィザードがこのような画面に切り替わります。"ラベル選択"というプルダウンメニューを選んでください。テキストフィールドのラベルとなりうるテキストが、選択肢として並んでいます。この中から"お名前(必須)"をラベルとして選択して、"修正する"ボタンを押します。

"修正する"ボタンを押すと、"お名前(必須)"というテキストが、HTMLのソースコードでlabel要素によってテキストフィールドのラベルとして自動的に関連付けられます。LIFTの修正ウィザードでは、同じラベルがその他のコントロールのラベルとして誤って選択されないように、"お名前(必須)[割り当て済み]"となります。同時に、LIFTのモニタウィンドウで指摘されていた問題箇所が一つ消えました。

フォーム内にあるコントロールを順に一つずつ選択しながら、上記ステップ3およびステップ4を繰り返していくと、LIFTのモニタウィンドウの問題箇所が一つずつ消えていきます。この画面では最後から2つめのコントロールである"スポーツ"のチェックボックスをDreamweaverの編集画面で選択しています。そして、LIFTのモニタウィンドウには問題箇所があと2つ残っていることが示されています。

LIFTの修正ウィザードで、このチェックボックスのラベルとなるテキストを選択します。すでに他のコントロールのラベルとして関連付けられているテキストには"[割り当て済み]"と付いていますので、それ以外のテキストから選択します。このチェックボックスのラベルは"スポーツ"なので、プルダウンメニューの選択肢の中から"スポーツ"を選択して、"修正する"ボタンを押します。

このように、フォーム内にあるコントロールを一つずつ選びながら、それに対応するラベルとなるテキストを選択していくだけで、アクセシブルなフォームの完成です。LIFTのモニタウィンドウで指摘されていた問題箇所もすべてクリアされて、最後には全部なくなりました。LIFTを使えば、面倒なHTMLコーディングを手作業で行うことなく、簡単に短時間で作業を終えることができるのです。