HTML、XHTML及びCSS
これは、次の達成基準に関連する不適合事例である:
この不適合の条件の目的は、テキストのサイズ変更が、それに応じてテキストベースのフォーム・コントロールを拡大しない時に発生する問題を説明するものである。テキストは利用者が要求するテキストサイズで表示されないので、利用者がテキストの入力及び入力したものを読むのに苦労するかもしれないことを意味している。
テキストベースのフォーム・コントロールは、ボタンと同様に入力ボックス(テキスト及びテキストエリア)を含んでいる。
お問い合わせフォームは、いくらかの前置き情報、及び利用者が名、姓、電話番号及び電子メールアドレスを入力するためのフォーム・コントロールがある。見出し、前置きのテキスト及びフォーム・コントロールのラベルは、拡張性のある方法で実装されているが、フォームのコントロール自体は拡張性のある方法では実装されていない。
XHTMLコンポーネント:
コード例:
<h1>お問い合わせ</h1>
<p>あなたの個人情報をご記入いただければ、できるだけ早くご連絡いたします。なお、すべての入力項目が必須項目となっております。</p>
<label for="fname">名</label><input type="text" name="fname" id="fname" /><br />
<label for="lname">姓</label><input type="text" name="lname" id="lname" /><br />
<label for="phone">電話</label><input type="text" name="phone" id="phone" /><br />
<label for="email">電子メール</label><input type="text" name="email" id="email" /><br />
<input type="submit" name="Submit" value="送信" id="Submit" />
CSS:
コード例:
h1 { font-size: 2em; }
p, label { font-size: 1em; }
input {font-size: 12pt}
この実装方法に関するリソースは、今のところない。
(今のところ、なし。)
利用者が入力したテキストを受け取るテキストベースのフォーム・コントロールにテキストを入力する。
200%までコンテンツのテキストサイズを拡大する。
テキストベースのフォーム・コントロール内のテキストが200%まで拡大したことを確認する。
3.を満たしていなければ、不適合の条件が適用され、コンテンツはこれらの達成基準に不適合となる。
日本語訳における注記:
この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。