Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions WAIC-CODE/WAIC-CODE-0088-02.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
<title>WAIC-CODE-0088-02</title>
</head>
<body>
<h1>トップページ</h1>
<nav aria-labelledby="site-nav-heading">
<h2 id="site-nav-heading">メインメニュー</h2>
<ul>
<li><a href="/news">ニュース</a></li>
<li><a href="/weather">天気</a></li>
<li><a href="/sport">スポーツ</a></li>
</ul>
</nav>
<nav aria-labelledby="related-nav-heading">
<h2 id="related-nav-heading">関連情報</h2>
<ul>
<li><a href="/local-news">地域のニュース</a></li>
<li><a href="/local-weather">地域の天気</a></li>
<li><a href="/local-sport">地域のスポーツ</a></li>
</ul>
</nav>
</body>
</html>
76 changes: 76 additions & 0 deletions WAIC-TEST/HTML/WAIC-TEST-0088-02.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
# テスト ID

WAIC-TEST-0088-02

# テストのタイトル

セマンティックな HTML 要素を用いてページの領域を識別する(事例2)

# テストの目的

セマンティックなHTML要素によってページの領域が識別できることと、領域間をナビゲートできることを確認する

# テストの対象となる達成基準 (複数)

1.3.1

# 関連する達成方法 (複数)

H101

# テストコード (テストファイルへのリンク)

[WAIC-CODE-0088-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0088-02.html)

# テストコードのソース (抜粋)

```HTML
<h1>トップページ</h1>
<nav aria-labelledby="site-nav-heading">
<h2 id="site-nav-heading">メインメニュー</h2>
<ul>
<li><a href="/news">ニュース</a></li>
<li><a href="/weather">天気</a></li>
<li><a href="/sport">スポーツ</a></li>
</ul>
</nav>
<nav aria-labelledby="related-nav-heading">
<h2 id="related-nav-heading">関連情報</h2>
<ul>
<li><a href="/local-news">地域のニュース</a></li>
<li><a href="/local-weather">地域の天気</a></li>
<li><a href="/local-sport">地域のスポーツ</a></li>
</ul>
</nav>

```

# テスト手順と期待される結果 (視覚閲覧環境)

テスト不要

# テスト手順と期待される結果 (音声閲覧環境)

## テスト手順 1

矢印キー、もしくはスクリーンリーダーのランドマーク間を移動する機能を利用し、「メインメニュー」と読み上げられる部分を探す

## 期待される結果 1

「メインメニュー」という名前のナビゲーションランドマークであることが読み上げられる

## テスト手順 2

矢印キー、もしくはスクリーンリーダーのランドマーク間を移動する機能を利用し、「関連情報」と読み上げられる部分を探す

## 期待される結果 2

「関連情報」という名前のナビゲーションランドマークであることが読み上げられる

# テスト実施時の注意点 (音声閲覧環境)

ランドマークを読み上げる設定となっていることを確認する

# 関連する要素や属性

nav要素、aria-labelledby属性