Info and Relationships1.3.1 情報及び関係性（レベルA）

見出し適切な使用

見出しが適切に使用されていないと、ページの内容や構造を理解しにくくなります。
例: ページ内のセクションが適切な見出しタグ（<h1>から<h6>）でマークアップされていないと、スクリーンリーダーが正しくセクションの構造を伝えることができません。

リストの適切なマークアップ

リストが正しくマークアップされていないと、項目が正確に読み上げられません。
例: 順序付きリスト（<ol>）や順序なしリスト（<ul>）が使用されていない場合、リストの項目がただのテキストとして認識され、リストの構造が伝わりません。

表の適切な構造化

表が正しく構造化されていない場合、内容を適切に理解することが難しくなります。
例: 表の見出しセルに<th>タグが使用されておらず、データセルがどの見出しに対応しているのかが不明瞭になります。

関連したリンクをグループ化

グローバルメニューをnav要素を使ってグルーピングすることで、スクリーンリーダーがこれをナビゲーション領域として認識できます。またnav要素がページに複数回使用されている場合には、aria-label属性を使用してメニューの内容を明確に示します。

<header>
    <nav aria-label="グローバルメニュー">
        <ul>
            <li><a href="#home">ホーム</a></li>
            <li><a href="#about">会社情報</a></li>
            <li><a href="#contact">お問い合わせ</a></li>
        </ul>
    </nav>
</header>

パンくずリストに現在位置を記載

パンくずリストに現在位置を示すためにaria-current属性を使用し、ユーザーが自分の位置を理解しやすくします。

<nav aria-label="現在位置">
	<ol>
		<li><a href="#home">ホーム</a></li>
		<li><a href="#about">会社情報</a></li>
 		<li aria-current="page">サービス</li>
	</ol>
</nav>

フォーム要素のラベル付け

フォーム要素にlabel要素を使用して、入力フィールドと関連付けることで、視覚障害者にも内容を明確に伝えます。

<label for="name">名前:</label>
<input type="text" id="name" name="name">