SELECTIVE Casual pants メンズA34jLcRq5

HTMLソースは、ユーザーエージェントが解析できるように、バリデータで以下の4つに該当するエラーが出ていないことを確認する。

  • 仕様では認められていない終了タグの省略
  • 仕様に準じていない要素の入れ子
  • 同一の要素内での同じ属性の重複
  • ユニーク(一意的)ではないid属性値

SELECTIVE Casual pants メンズA34jLcRq5

HTMLのWebページの場合、次のようにさまざまなユーザーエージェントがソースコードを解析して、その結果を用途や目的に応じて処理しています。

  • ビジュアルブラウザは、Webページとして画面に表示する。
  • スクリーンリーダーは、合成音声で読み上げる。
  • 検索クローラーは、検索エンジンに登録(インデックス)する。

そのため、ユーザーエージェントが機械的に処理できるように、Webページの見た目を整えるだけでなく、HTMLのソースコードをマシンリーダブルにしておく必要があります。そうすることによって、より多くのユーザーエージェントをサポートすることができ、より多くのユーザーにWebコンテンツを提供することができます。

HTMLには、W3C(World Wide Web Consortium)が定めた仕様があります。基本的には、その仕様に沿ってHTMLをコーディングする必要があります。バリデータを用いてHTMLのソースコードをチェックして、エラーが出ないこと(validであること)が理想ではあります。

ただし、バリデータでエラーが発見されたとしても、少なくとも次の4点をクリアしていれば、ユーザーエージェントがHTMLのソースコードを解析する上での問題は生じず、アクセシビリティには影響を及ぼさないとされています。

  • 要素に完全な開始タグと終了タグがある(省略が仕様で認められている場合は除く)。
  • 仕様に準じて入れ子になっている。
  • 同一の要素内に同じ属性が重複していない。
  • id属性値がユニークな値である。

例えば、閉じる山括弧(”>”)がなかったり、属性値の引用符が一致していなかったりすると、「完全な開始タグと終了タグがある」とはいえません。コーディングする際には注意しましょう。

SELECTIVE Casual pants メンズA34jLcRq5

SELECTIVE Casual pants メンズA34jLcRq5



<h2 id="principle">Webアクセシビリティ10原則
<p class="paragraph">私たちは、Webコンテンツのアクセシビリティを確保するための10原則を提唱しています。</p>

<h2>の終了タグがない。

SELECTIVE Casual pants メンズA34jLcRq5



<h2 id="principle">Webアクセシビリティ10原則</h2>
<p class="paragraph">私たちは、Webコンテンツのアクセシビリティを確保するための10原則を提唱しています。</p>

<h2>の完全な開始タグと終了タグがある。

SELECTIVE Casual pants メンズA34jLcRq5

SELECTIVE Casual pants メンズA34jLcRq5


<p>私たちは、Webコンテンツのアクセシビリティを確保するための<strong>10原則を提唱しています。</p></strong>

<p>要素内にある<strong>要素の終了タグが<p>要素の終了タグよりも後にある。

SELECTIVE Casual pants メンズA34jLcRq5


<p>私たちは、Webコンテンツのアクセシビリティを確保するための<strong>10原則を提唱しています。</strong></p>

<strong>要素の終了タグが<p>要素内にあり、<p>要素と<strong>要素が適切に入れ子になっている。

KOIBITOMISAKI Aライン ブラウス M Lサイズ チュニック 綿麻 7分袖 フレア 変形 シャツ シンプル 無地 ナチュラル 天然素材 30代 40代 50代 個性的 大きいサイズ 体型カバー ミセス ファッション 婦人服 大人 otona SALE 47ssxoCBreQdW

コーチ カードケース COACH アウトレット メンズ レザー ビルフォード カードケース F66574 QBBK n90604y6f7gb



<h2 id="guidelines" id="heading">Webアクセシビリティ逆引きガイドライン</h2>

<h2>要素にid属性が複数ある。

New Balance M1300 CLSニューバランス M1300 CLSWIDTH2ESTEEL BLUEMADE IN USAdBeoCx



<h2 id="guidelines" class="subsection">Webアクセシビリティ逆引きガイドライン</h2>

重複している属性がない。

15AW mina perhonen winter braid ニットプルオーバー36 ピンクリバティリボン美品ミナペルホネンウィンター高価買取中nsg古着435RLAj

ニュールック New Look メンズ クロップド ボトムス・パンツ skinny cropped trousers in nashQrtd



<h2 id="guidelines">Webアクセシビリティガイドライン</h2>
(略)
<h2 id="guidelines">Webユーザビリティガイドライン</h2>

同じid属性値が複数回使用されている。

バルマン トップス レディース Balmain Logo Print Tank Top BiancoTK3JlFc1



<h2 id="accessibility">Webアクセシビリティガイドライン</h2>
(略)
<h2 id="usability">Webユーザビリティガイドライン</h2>

id属性値がユニークな値である。

スペサタイトガーネット ダイヤモンド リング レディース Pt900 12号 2 20ct D0 12ct 8 6g 指輪 プラチナ ダイア スペサルティン マンダリン 送料無料 激安 質屋 免税 あす楽対応 A6020594 センターzpGLMVUjqS

4.1.1 構文解析の達成基準
マークアップ言語を用いて実装されているコンテンツにおいては,要素には完全な開始タグ及び終了タグがあり,要素は仕様に従って入れ子になっていて,要素には重複した属性がなく,どのID も一意的である。ただし,仕様で認められているものを除く。

JIS X 8341-3:2016 / WCAG 2.0「4.1 互換性のガイドライン」