as_test

テスト ID

WAIC-TEST-0028-02

テストのタイトル

CSSによる表示順序の変更 (positionプロパティ : 上下を入れ替えて配置)

テストの目的

スタイルシートが適用されている状態でも、スタイルシート適用前の HTML 文書構造の意味のある順序を維持することが出来ているかの確認。ユーザエージェントによっては挙動が異なる可能性があるために検証を実施した。

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

1.3.2, 1.4.5, 1.4.9, 2.4.1

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

WAIC-CODE-0028-02

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

<a href="#" class="box">
  <h2 class="title">製品</h2>
  <p class="date">2021年6月9日</p>
  <p class="description">製品情報についておしらせします。</p>
</a>

.title {
  position: absolute;
  top: 1em;
}
.date {
  position: absolute;
  top: 0;
}
.description {
  position: absolute;
  top: 5em;
}
.box {
  display: block;
  position: relative;
  border: solid 1px #ccc;
  height: 150px;
}

テスト手順 (視覚閲覧環境)

テスト不要

期待される結果 (視覚閲覧環境)

なし

テスト実施時の注意点 (視覚閲覧環境)

なし

テスト手順 (音声閲覧環境)

テストファイルを開いて、その内容を確認。
ユーザエージェントでスタイルシートを無効にし、その内容を確認。

期待される結果 (音声閲覧環境)

ユーザエージェントによるスタイルシートの適用の有無にかかわらず、読み上げの順序が変化しない。

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

なし