さて、次はラベルと各HDMIフォームに焦点を当てます。ラベルはまさに彼らが私たちのフォームの個々の要素にキャプションを追加するように聞こえるようなものです。
そして、単なる段落やプレーンテキストではなく、それらを使用する理由は、サイトがアクセス可能にするためにラベルが本当に重要であるということです。
だから誰かが視覚障害者や盲人で、私たちのフォーラムにアクセスしようとしているときに、彼らが使用しているスクリーンリーダーソフトウェアをサインアップしようとすると、ラベルタグが検索され、そのラベルを使ってフォームの各部分に対応。
それは本当に重要です。
フォームの各部分がどのような目的で使用されているかを説明しているように、ちょっとしたキャプションを追加するのもいい方法です。
したがって、最初のものをカバーする2つの構文があります。
ラベルタグを作成し、実際にはそのラベルタグ内に入力を入れます。
だから、あなたの名前のようなものを言うかもしれません。そして、私たちはこのユーザー名を入れて、それを入れて、それを入れます。これを行うより、ちょっとしたものを少しだけ上げて、もの。
だから私たちはパスワードコロンとパスワードを入れて置くでしょう。
そしてそこに行く。
これでページを更新するだけです。
ここでは、2つの入力に対応する2つのラベルがあります。
だから、あなたの入力をラベルの中に入れ子にするのではなく、別の構文があります。
私たちは実際にそれらを完全に別々にすることができ、それらをわずかに異なる方法で接続します。
ここにはラベルがあり、ユーザー名に等しい4つの属性が設定されています。
次に、ユーザー名と同じIDを持つ入力があります。
だから、これらの2つの脚本家や他のアクセシビリティソフトウェアが一致する限り、このユーザー名用のラベルはID
usernameの入力に対応しています。
だからちょうど私が先に進んで、私たちが持っているので、これをコメントアウトして複製するだけです。
そして、私がしようとしているのは、入力タグをラベルから分離するように移動することです。
それらはもはやそのラベルタグの内部に含まれていません。
だから彼らはもはや互いの中に入れ子になっていない。
OK。
そして、次は視覚障害者のためのソフトウェアではまったく同じように見えますが、実際には接続されていないためまったく同じではないため、このラベルをこの入力に接続する線がないため、
したがって、これを行うには、4つの属性を使用してユーザー名を指定します。
そして、ここでIDはユーザー名であり、私たちは同じことをパスワードのラベルにします。
そして、名前を明らかにするだけで問題はありません。
我々はそれが素晴らしく、意味があることを確認したい。
ちょっと変わっただけではありませんが、IDと一致していて、まったく同じように見えるのは間違いありません。
しかし、あなたは私たちのデータが今接続されていると信じることができます。
すべての入力にラベルが付いています