--- title: ASテスト体験会 2026-09-17 tags: author: [Takuya Nishimoto](https://image.docswell.com/user/nishimotz) site: [Docswell](https://www.docswell.com/) thumbnail: https://bcdn.docswell.com/page/4EQY3G9XJP.jpg?width=480 description: アクセシビリティ サポーテッド（AS）テスト体験会 202609 https://waic.connpass.com/event/402906/ published: September 17, 26 canonical: https://image.docswell.com/s/nishimotz/ZVJYX3-2026-09-17-142557 --- # Page. 1 ![Page Image](https://bcdn.docswell.com/page/4EQY3G9XJP.jpg) アクセシビリティ サポーテッド（AS） テスト体験会 202609 作業部会2（実装） # Page. 2 ![Page Image](https://bcdn.docswell.com/page/KJ4W15X271.jpg) 今日の流れ 1. アクセシビリティサポーテッドとは 2. テスト実施方法の解説 3. テスト体験 4. 感想などの共有 # Page. 3 ![Page Image](https://bcdn.docswell.com/page/LE1YGWNK7G.jpg) このイベントの内容 ■ 対象 ▲ AS情報を作成するためのテストにご関心のある方 ▲ 検証の実施や結果の提供方法を学びたい方 ▲ このイベントを機会として、検証作業に取り組みたい方 ■ アクセシビリティ試験や試験結果の作成を体験する 会ではありません # Page. 4 ![Page Image](https://bcdn.docswell.com/page/GEWGK64PJ2.jpg) アクセシビリティサポーテッド（AS） JIS X 8341-3:2016 および WCAG 2.0, 2.1, 2.2 の 達成基準を満たす方法（テクニック／達成方法）が 支援技術やブラウザでサポートされているかどうか WCAG 2.2解説書 適合を理解する → アクセシビリティサポートを理解する https://waic.jp/translations/WCAG22/Understanding/conformance # Page. 5 ![Page Image](https://bcdn.docswell.com/page/47ZLZY26J3.jpg) アクセシビリティ サポーテッド(AS) <img src=”cat.jpg” alt=”写真 ネコ”> 原則 1. 知覚可能 ガイドライン 1.1 テキストによる代替 達成基準 1.1.1 非テキストコンテンツ テクニック（達成方法） H37 img 要素の alt 属性を使用する AS情報 広く使われているブラウザで 広く使われているスクリーンリーダーで 日本語の alt 属性が不具合なく使えるか 7 # Page. 6 ![Page Image](https://bcdn.docswell.com/page/YJ6WZDVLJV.jpg) AS情報の公開（2020年3月以降） https://waic.jp/guideline/as/ まずテストケースとテストコードを作成して公開 みなさまからご提出いただいた検証結果を WG2で確認し、とりまとめて、AS情報として公開 2026年8月更新（今後は随時おこないます） # Page. 7 ![Page Image](https://bcdn.docswell.com/page/GJ5MW3DMJ4.jpg) ASテストツール（Windows用） ■ 実施するテストケースをリストボックスから選べる ■ テスト方法や期待する結果の確認ができる ■ 自身が行った操作や結果の記入ができる # Page. 8 ![Page Image](https://bcdn.docswell.com/page/9E29QZ8R7R.jpg) # Page. 9 ![Page Image](https://bcdn.docswell.com/page/D7Y4WR65EM.jpg) # Page. 10 ![Page Image](https://bcdn.docswell.com/page/VENY9DZ4J8.jpg) # Page. 11 ![Page Image](https://bcdn.docswell.com/page/Y79P2GZ4E3.jpg) # Page. 12 ![Page Image](https://bcdn.docswell.com/page/G78D5V1V7D.jpg) # Page. 13 ![Page Image](https://bcdn.docswell.com/page/L7LMY5QRJR.jpg) 実施するテストを選ぶ https://github.com/waic/as_test/ 推奨、非推奨はありません。 AS情報のサイトには検証結果数があります。 # Page. 14 ![Page Image](https://bcdn.docswell.com/page/4EMYN31PEW.jpg) テスト実施方法 ■ テスト結果入力用シートを準備 ■ 繰り返す 1. テストケースを選んで内容を確認 2. テストコードをブラウザで開いて操作、確認 3. テスト結果をシートに記録 ■ テスト結果入力フォームで送信 # Page. 15 ![Page Image](https://bcdn.docswell.com/page/PER9DQLYJ9.jpg) テスト結果入力フォーム テスト結果入力フォームをご利用ください https://forms.gle/x2MDRESCqbkyyBej7 # Page. 16 ![Page Image](https://bcdn.docswell.com/page/P7XQ15W4EX.jpg) テスト結果入力用シート ■ フォームの説明からリンクしている「アクセシビリ ティ サポーテッド（AS）テスト結果入力用シー ト」を開いてください。 ■ 以降の作業は Google アカウントが必要です # Page. 17 ![Page Image](https://bcdn.docswell.com/page/37K926VP7D.jpg) テスト結果入力用シート # Page. 18 ![Page Image](https://bcdn.docswell.com/page/LJ3W46M4J5.jpg) コピーを作成 ■ ファイル ▲ コピーを作成 # Page. 19 ![Page Image](https://bcdn.docswell.com/page/8JDKQV65EG.jpg) コピーを作成 ■ 名前（変更を推奨） ▲ ASテスト結果 (ご自分のお名前) ■ フォルダ ▲ 「マイドライブ」を選択 ご自分のGoogleドライブをお使いください ■ コピーを作成 # Page. 20 ![Page Image](https://bcdn.docswell.com/page/VEPKLVYD78.jpg) テストケースの内容確認 ■ テストの目的 ■ テストコードの番号 ■ テスト手順 ■ 期待される結果 ■ テスト実施時の注意点 # Page. 21 ![Page Image](https://bcdn.docswell.com/page/27VVQZGG7Q.jpg) テストケースの内容確認 ■ ブラウザなど視覚閲覧環境のテストを行う場合 ■ スクリーンリーダーなど音声閲覧環境のテストを行 う場合 ■ それぞれ該当する内容を確認してください ▲ テスト手順、期待される結果、テスト実施時の注意点 # Page. 22 ![Page Image](https://bcdn.docswell.com/page/5JGLWMDD7L.jpg) テストコードをテスト手順に従って操作 「テストケースの内容確認」で確認したテストコード をブラウザで開いて、テスト手順に従って操作し、操 作内容と得られた結果を記録します。 操作内容：どのリンクをクリックしたか、 どのキーを用いて操作したかなど 得られた結果：ブラウザに表示された内容、 スクリーンリーダーが読み上げた内容など # Page. 23 ![Page Image](https://bcdn.docswell.com/page/47QY3R1XEP.jpg) 期待される結果の内容を満たしているか 「テストコードをテスト手順に従って操作」で得られ た結果が、テストケースの「期待される結果」の内容 を満たしているか確認します。 ■ 期待される結果が複数の項目からなる場合 ▲ 項目ごとに確認します # Page. 24 ![Page Image](https://bcdn.docswell.com/page/KE4W18R2J1.jpg) 何らかの手段 ■ ユーザーエージェント・支援技術の機能を組み合わ せれば可能な場合も「満たしている」とする ▲ ページタイトルを確認する何らかの手段 ▲ ランドマーク領域の終了位置を知る何らかの手段 # Page. 25 ![Page Image](https://bcdn.docswell.com/page/L71YG2QKJG.jpg) テスト実施時の注意点 ブラウザのアドオンなどはオフにしてテストします。 スクリーンリーダーなどの支援技術で設定を変更して いる箇所は「支援技術に対する追加の設定」に入力し ます。 # Page. 26 ![Page Image](https://bcdn.docswell.com/page/G7WGKRMPE2.jpg) テスト結果入力についての注意点 視覚閲覧環境、音声閲覧環境のテストは、 それぞれの結果を別回答とします。回答ご とに種別を入力してください。 # Page. 27 ![Page Image](https://bcdn.docswell.com/page/4JZLZRQ6E3.jpg) テスト結果入力についての注意点 期待される結果が複数あるテストは、期待 される結果ごとにテスト結果を記入します。 # Page. 28 ![Page Image](https://bcdn.docswell.com/page/YE6WZR6LEV.jpg) テスト結果の入力 ■ コピーしたシートにテスト結果を入力します ▲ シート「ひな形」の名前は変更できます # Page. 29 ![Page Image](https://bcdn.docswell.com/page/GE5MW86ME4.jpg) テスト結果入力シートの共有 ■ 入力が終わったら「共有」をクリック ■ ツールからCSVエクスポートした場合は CSVファイルをGoogleドライブにアップロードして 共有URLを取得 # Page. 30 ![Page Image](https://bcdn.docswell.com/page/9729QKMRJR.jpg) リンクをコピー ■ 一般的なアクセス ▲ リンクを知っている全員 ● 閲覧者 ■ リンクをコピー ■ 完了 # Page. 31 ![Page Image](https://bcdn.docswell.com/page/DJY4WNX57M.jpg) テスト結果入力シートのURL ■ またはテスト結果を記入したシートのURLをコピー # Page. 32 ![Page Image](https://bcdn.docswell.com/page/V7NY9X14E8.jpg) テスト結果の送信 ■ メールアドレス ▲ 入力してください ■ URLを入力してください ▲ コピーしたURLを入力 ■ 送信 # Page. 33 ![Page Image](https://bcdn.docswell.com/page/YJ9P285473.jpg) テスト結果の送信 ■ スプレッドシートは送信後も残してください ▲ 6ヶ月を目安にお願いします ■ テスト結果を再度送るときは ▲ スプレッドシートをコピーしなおすか ▲ 同じスプレッドシートの内容を消さずに、 下に行を追加してください # Page. 34 ![Page Image](https://bcdn.docswell.com/page/GJ8D58YVJD.jpg) テスト結果の公開について テスト結果は、内容確認ののち、AS情報としてクリエイティ ブコモンズの表示 - 継承 4.0 国際 (CC BY-SA 4.0)に基づい て公開する予定です。 公開する項目は「環境／判断／操作内容／得られた結果／テ スト実施者／備考」です。メールアドレスは公開されません。 送信することで、テスト結果の公開について同意いただいた ものとみなします。 # Page. 35 ![Page Image](https://bcdn.docswell.com/page/LJLMYR4RER.jpg) それではテストしていきましょう わからないことがあればご質問ください。 スクリーンリーダーの音がZoomに入らないようにご 注意ください。 途中退出、復帰自由です。 WG2 作業協力者になる→ waic.jp/committee/join/