WAIC-TEST-0044-01
ページのリージョンを特定するために ARIA ランドマークを使用する
ウェブページのセクションに対して、プログラムによるアクセスを提供する
1.3.1, 1.3.6, 2.4.1
ARIA11
<div id="header" role="banner">
<h1>世界への扉 旅行プランをご紹介</h1>
</div>
<div id="sitelookup" role="search">
<form>
<label for="search">サイト検索</label>
<input type="text" id="search">
<button type="submit">検索</button>
</form>
</div>
<div id="nav" role="navigation">
<ul>
<li><a href="#">ホーム</a></li>
<li><a href="#">サービス</a></li>
<li><a href="#">会社概要</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div>
<div id="content" role="main">
<h2>オタワ</h2>
... オタワはカナダの首都 ...
</div>
<div id="rightsideadvert" role="complementary">
.... ここに広告 ...
</div>
<div id="footer" role="contentinfo">
(c)フリーダムカンパニー、123 フリーダムウェイ、ヘルプビル、USA
</div>
テスト不要
なし
なし
なし
ページを一番上から下に向かって読み上げて、ランドマークとその内容を確認する。
以下の順番で、ランドマークとその内容の組み合わせが読み上げられる。
期待されるもの以外のランドマークが確認されないこと。
div要素, role属性