-- Views
September 17, 26
スライド概要
アクセシビリティ サポーテッド(AS)テスト体験会 202609
https://waic.connpass.com/event/402906/
Shuaruta Inc. ウェブアクセシビリティ基盤委員会 (WAIC) NVDA日本語版 すごい広島 with Python
アクセシビリティ サポーテッド(AS) テスト体験会 202609 作業部会2(実装)
今日の流れ 1. アクセシビリティサポーテッドとは 2. テスト実施方法の解説 3. テスト体験 4. 感想などの共有
このイベントの内容 ■ 対象 ▲ AS情報を作成するためのテストにご関心のある方 ▲ 検証の実施や結果の提供方法を学びたい方 ▲ このイベントを機会として、検証作業に取り組みたい方 ■ アクセシビリティ試験や試験結果の作成を体験する 会ではありません
アクセシビリティサポーテッド(AS) JIS X 8341-3:2016 および WCAG 2.0, 2.1, 2.2 の 達成基準を満たす方法(テクニック/達成方法)が 支援技術やブラウザでサポートされているかどうか WCAG 2.2解説書 適合を理解する → アクセシビリティサポートを理解する https://waic.jp/translations/WCAG22/Understanding/conformance
アクセシビリティ サポーテッド(AS) <img src=”cat.jpg” alt=”写真 ネコ”> 原則 1. 知覚可能 ガイドライン 1.1 テキストによる代替 達成基準 1.1.1 非テキストコンテンツ テクニック(達成方法) H37 img 要素の alt 属性を使用する AS情報 広く使われているブラウザで 広く使われているスクリーンリーダーで 日本語の alt 属性が不具合なく使えるか 7
AS情報の公開(2020年3月以降) https://waic.jp/guideline/as/ まずテストケースとテストコードを作成して公開 みなさまからご提出いただいた検証結果を WG2で確認し、とりまとめて、AS情報として公開 2026年8月更新(今後は随時おこないます)
ASテストツール(Windows用) ■ 実施するテストケースをリストボックスから選べる ■ テスト方法や期待する結果の確認ができる ■ 自身が行った操作や結果の記入ができる
実施するテストを選ぶ https://github.com/waic/as_test/ 推奨、非推奨はありません。 AS情報のサイトには検証結果数があります。
テスト実施方法 ■ テスト結果入力用シートを準備 ■ 繰り返す 1. テストケースを選んで内容を確認 2. テストコードをブラウザで開いて操作、確認 3. テスト結果をシートに記録 ■ テスト結果入力フォームで送信
テスト結果入力フォーム テスト結果入力フォームをご利用ください https://forms.gle/x2MDRESCqbkyyBej7
テスト結果入力用シート ■ フォームの説明からリンクしている「アクセシビリ ティ サポーテッド(AS)テスト結果入力用シー ト」を開いてください。 ■ 以降の作業は Google アカウントが必要です
テスト結果入力用シート
コピーを作成 ■ ファイル ▲ コピーを作成
コピーを作成 ■ 名前(変更を推奨) ▲ ASテスト結果 (ご自分のお名前) ■ フォルダ ▲ 「マイドライブ」を選択 ご自分のGoogleドライブをお使いください ■ コピーを作成
テストケースの内容確認 ■ テストの目的 ■ テストコードの番号 ■ テスト手順 ■ 期待される結果 ■ テスト実施時の注意点
テストケースの内容確認 ■ ブラウザなど視覚閲覧環境のテストを行う場合 ■ スクリーンリーダーなど音声閲覧環境のテストを行 う場合 ■ それぞれ該当する内容を確認してください ▲ テスト手順、期待される結果、テスト実施時の注意点
テストコードをテスト手順に従って操作 「テストケースの内容確認」で確認したテストコード をブラウザで開いて、テスト手順に従って操作し、操 作内容と得られた結果を記録します。 操作内容:どのリンクをクリックしたか、 どのキーを用いて操作したかなど 得られた結果:ブラウザに表示された内容、 スクリーンリーダーが読み上げた内容など
期待される結果の内容を満たしているか 「テストコードをテスト手順に従って操作」で得られ た結果が、テストケースの「期待される結果」の内容 を満たしているか確認します。 ■ 期待される結果が複数の項目からなる場合 ▲ 項目ごとに確認します
何らかの手段 ■ ユーザーエージェント・支援技術の機能を組み合わ せれば可能な場合も「満たしている」とする ▲ ページタイトルを確認する何らかの手段 ▲ ランドマーク領域の終了位置を知る何らかの手段
テスト実施時の注意点 ブラウザのアドオンなどはオフにしてテストします。 スクリーンリーダーなどの支援技術で設定を変更して いる箇所は「支援技術に対する追加の設定」に入力し ます。
テスト結果入力についての注意点 視覚閲覧環境、音声閲覧環境のテストは、 それぞれの結果を別回答とします。回答ご とに種別を入力してください。
テスト結果入力についての注意点 期待される結果が複数あるテストは、期待 される結果ごとにテスト結果を記入します。
テスト結果の入力 ■ コピーしたシートにテスト結果を入力します ▲ シート「ひな形」の名前は変更できます
テスト結果入力シートの共有 ■ 入力が終わったら「共有」をクリック ■ ツールからCSVエクスポートした場合は CSVファイルをGoogleドライブにアップロードして 共有URLを取得
リンクをコピー ■ 一般的なアクセス ▲ リンクを知っている全員 ● 閲覧者 ■ リンクをコピー ■ 完了
テスト結果入力シートのURL ■ またはテスト結果を記入したシートのURLをコピー
テスト結果の送信 ■ メールアドレス ▲ 入力してください ■ URLを入力してください ▲ コピーしたURLを入力 ■ 送信
テスト結果の送信 ■ スプレッドシートは送信後も残してください ▲ 6ヶ月を目安にお願いします ■ テスト結果を再度送るときは ▲ スプレッドシートをコピーしなおすか ▲ 同じスプレッドシートの内容を消さずに、 下に行を追加してください
テスト結果の公開について テスト結果は、内容確認ののち、AS情報としてクリエイティ ブコモンズの表示 - 継承 4.0 国際 (CC BY-SA 4.0)に基づい て公開する予定です。 公開する項目は「環境/判断/操作内容/得られた結果/テ スト実施者/備考」です。メールアドレスは公開されません。 送信することで、テスト結果の公開について同意いただいた ものとみなします。
それではテストしていきましょう わからないことがあればご質問ください。 スクリーンリーダーの音がZoomに入らないようにご 注意ください。 途中退出、復帰自由です。 WG2 作業協力者になる→ waic.jp/committee/join/