Skip to content

テストケース0088-02作成 #293

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yuyaroid wants to merge 2 commits into
base: master
Choose a base branch
from
Open

テストケース0088-02作成 #293

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d4f6bce
テストコード追加
yuyaroid Nov 11, 2025
efbfa00
テストケース追加
yuyaroid Dec 9, 2025
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
View file
Open in desktop
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
View file
Open in desktop
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>
Copy link
Contributor

@nishimotz nishimotz Dec 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

意図的につける名前が一般名詞のナビゲーションと同じではない方がいい。
「メインメニュー」「グローバルメニュー」のようにして、この名前を読んだかどうかを手順に示してはどうか。

<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

矢印キー、もしくはスクリーンリーダーのランドマーク間を移動する機能を利用し、「ナビゲーション」と読み上げられる部分を探す
Copy link
Contributor

@nishimotz nishimotz Dec 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

実際のラベルの命名に合わせる


## 期待される結果 1

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

## テスト手順 2

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

## 期待される結果 2

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

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

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

@nishimotz nishimotz Dec 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

「ことを」ですね


# 関連する要素や属性

nav要素、aria-labelledby属性