From c3e1e4dbde52f97410bca6feffad161b604a9608 Mon Sep 17 00:00:00 2001 From: Takashi Suzumura Date: Sat, 21 Sep 2024 16:21:21 +0900 Subject: [PATCH] =?UTF-8?q?0119-01=20/=20SCR2=E3=81=AE=E3=83=86=E3=82=B9?= =?UTF-8?q?=E3=83=88=E3=82=92=E8=BF=BD=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- WAIC-CODE/WAIC-CODE-0119-01.html | 59 ++++++++++++ WAIC-TEST/HTML/WAIC-TEST-0119-01.md | 92 +++++++++++++++++++ .../WAIC-TEST-0119-01.md" | 11 --- 3 files changed, 151 insertions(+), 11 deletions(-) create mode 100644 WAIC-CODE/WAIC-CODE-0119-01.html create mode 100644 WAIC-TEST/HTML/WAIC-TEST-0119-01.md delete mode 100644 "WAIC-TEST/HTML_\346\234\252\347\235\200\346\211\213/WAIC-TEST-0119-01.md" diff --git a/WAIC-CODE/WAIC-CODE-0119-01.html b/WAIC-CODE/WAIC-CODE-0119-01.html new file mode 100644 index 0000000..c983195 --- /dev/null +++ b/WAIC-CODE/WAIC-CODE-0119-01.html @@ -0,0 +1,59 @@ + + + + + WAIC-CODE-0119-01 + + + + + + +

WAIC-CODE-0119-01

+

以下のリンクにマウスオーバーするかTabキーでフォーカスし、画像の変化を確認してください

+ + + リンク 1 + + + + リンク 2 + + + \ No newline at end of file diff --git a/WAIC-TEST/HTML/WAIC-TEST-0119-01.md b/WAIC-TEST/HTML/WAIC-TEST-0119-01.md new file mode 100644 index 0000000..e78ee6f --- /dev/null +++ b/WAIC-TEST/HTML/WAIC-TEST-0119-01.md @@ -0,0 +1,92 @@ +# テスト ID + +WAIC-TEST-0119-01 + +# テストのタイトル + +キーボード及びマウスのイベントハンドラを両方とも使用する + +# テストの目的 + +キーボードとマウスの両方のイベントハンドラを使用して、同等の処理を実行できることを確認する + +# テストの対象となる達成基準 + +2.1.1 + +# 関連する達成方法 (複数) + +SCR2 + +# テストコード (テストファイルへのリンク) + +[WAIC-CODE-0119-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0119-01.html) + +# テストコードのソース (抜粋) + +```javascript +function updateImage(imgId, isOver) { + var theImage = document.getElementById(imgId); + + if (theImage != null) { + if (isOver) { + theImage.setAttribute('src', 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeDE9IjgiIHkxPSI0IiB4Mj0iOCIgeTI9IjEyIiBzdHJva2U9IiNGRjc3MDAiIHN0cm9rZS13aWR0aD0iMSIvPjxsaW5lIHgxPSI0IiB5MT0iOCIgeDI9IjEyIiB5Mj0iOCIgc3Ryb2tlPSIjRkY3NzAwIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4='); + } else { + theImage.setAttribute('src', 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGxpbmUgeDE9IjgiIHkxPSI0IiB4Mj0iOCIgeTI9IjEyIiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMSIvPjxsaW5lIHgxPSI0IiB5MT0iOCIgeDI9IjEyIiB5Mj0iOCIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4='); + } + } +} +``` + +```html + + + リンク 1 + + +``` + +# テスト手順 (視覚閲覧環境) + +1. ページを表示し、「リンク 1」内にグレー色の画像が表示されていることを確認する +2. キーボードのTabキーを使用して「リンク 1」にフォーカスし、「リンク 1」内の画像の色を確認する（黄色に変化する） +3. キーボードのTabキーを使用して「リンク 1」以外の要素にフォーカスし、「リンク 1」内の画像の色を確認する（グレー色に変化する） +4. マウスカーソルを「リンク 1」の中に移動し、「リンク 1」内の画像の色を確認する（黄色に変化する） +5. マウスカーソルを「リンク 1」の外に移動し、「リンク 1」内の画像の色を確認する（グレー色に変化する） + +# 期待される結果 (視覚閲覧環境) + +- キーボード操作をしたとき、画像の色の変化が期待通りであること +- マウス操作をしたとき、画像の色の変化が期待通りであること + +# テスト実施時の注意点 (視覚閲覧環境) + +- ブラウザのJavaScriptが有効になっていることを確認すること + +# テスト手順 (音声閲覧環境) + +なし + +# 期待される結果 (音声閲覧環境) + +なし + +# テスト実施時の注意点 (音声閲覧環境) + +なし + +# 関連する要素や属性 + +script 要素, a・buttonなどのフォーカス可能な要素, イベントハンドラー属性 diff --git "a/WAIC-TEST/HTML_\346\234\252\347\235\200\346\211\213/WAIC-TEST-0119-01.md" "b/WAIC-TEST/HTML_\346\234\252\347\235\200\346\211\213/WAIC-TEST-0119-01.md" deleted file mode 100644 index 5865cfe..0000000 --- "a/WAIC-TEST/HTML_\346\234\252\347\235\200\346\211\213/WAIC-TEST-0119-01.md" +++ /dev/null @@ -1,11 +0,0 @@ -# テスト ID - -WAIC-TEST-0119-01 - -# テストのタイトル - -（仮）キーボード及びマウスのイベントハンドラを両方とも使用する - -# 関連する達成方法 (複数) - -SCR2