20181128_Garoonでアクセシビリティなテスト / 20181128 Accessibility Garoon Test

Garoonでアクセシビリティなテストサイボウズ株式会社東京品質保証部小関直子

▌自己紹介 ⚫ 小関直子（こせきなおこ） ⚫ GaroonQA ⚫ 2016年中途入社 ⚫
Garoon品質保証責任者、QA業務全般 Garoonの品質保証活動にアクセシビリティを取り入れたく、ギルドに参加！

（１）今までのアクセシビリティテスト

１．準備方針：まずは機能テストの中で少しずつ始めてみる ▌テスト前に実施したこと ⚫ アクセシビリティの汎用的な知識の共有 ⚫ テストで使用するツールの統一

２．テスト ▌テスト方法 ⚫ 機能テストの合間に実施 ⚫ テスターの気づきベースのテスト

３．テストの実施結果 ▌見つかったバグ（一例） ⚫ 読み上げツール（NVDA）で読み上げられない項目がある ⚫ 画面サイズを200%に拡大すると、レイアウトの一部が崩れる ⚫ レイアウトの一部が見づらい ⚫ 必要なタグ情報が記述されていない
⚫ タブ遷移がうまく動かない箇所がある

３．テストの実施結果 ▌見つかったバグ（一例） ⚫ 読み上げツール（NVDA）で読み上げられない項目がある ⚫ 画面サイズを200%に拡大すると、レイアウトの一部が崩れる ⚫ レイアウトの一部が見づらい ⚫ 必要なタグ情報が記述されていない
⚫ タブ遷移がうまく動かない箇所がある思ったよりもバグが見つかった！

４．所感機能テストの中で、アクセシビリティ観点のバグも検出できそう！！ ☺ ✨

５．検出した不具合の検証 ▌見つかったバグ（一例） ⚫ 読み上げツール（NVDA）で読み上げられない項目がある ⚫ 画面サイズを200%に拡大すると、レイアウトの一部が崩れる ⚫ レイアウトの一部が見づらい ⚫ 必要なタグ情報が記述されていない
⚫ タブ遷移がうまく動かない箇所がある検出したバグを振り分け・・・：改修した：改修見送り

⚫ タブ遷移がうまく動かない箇所があるツール側の仕様だったり・・・修正すると、仕様への影響があったり、他に優先度の高いバグがあったり・・・

⚫ タブ遷移がうまく動かない箇所がある実際に改修されたのはごくわずか・・・

６．所感（訂正）機能テストの合間にアクセシビリティのバグを見つけても思ったよりも効果が薄い・・・

（２）改善活動

１．改善方針 ①テスト対象 →機能テストの合間に対象を決めず、闇雲にテストするのではなく各機能要件で、アクセシビリティ対応を実施した部分をテスト対象とする

１．改善方針 ②テストの方法 →テスターの主観に依存せずに、観点のばらつきや指摘ミスを防止するテスト方法とする ⇒チェックリストを活用し、テスト観点とテスト内容を定義するチェックリスト☞

２．チェックリストの詳細（テストに関連する部分）チェック項目の詳細☟ WCAGの項目単位（1.1.1）

２．チェックリストの詳細（テストに関連する部分） 1.1.1 非テキストコンテンツ: 利用者に提示されるすべての非テキストコンテンツには、同等の目的を果たすテキストによる代替が提供されている。

２．チェックリストについてどのようなユーザに価値があるのか

２．チェックリストについてどのように確認するのか？

２．チェックリストについてチェック対象外となる部分も明記

（３）これからのアクセシビリティテスト

▌テスト前に実施すること ⚫ チェックリストの共有 →テスト観点の共通認識を持つ ⚫ ツールの実際の使われ方を共有１．準備方針：アクセシビリティ対応部分をチェックリストベースでテスト

２．テスト ▌テストの方法 ⚫ アクセシビリティ対応に対するテスト ⚫ チェックリストベースのテスト →指摘ミスや観点のばらつき防止検出すべきバグを検出すべきタイミングで！

３．これから目指すもの ⚫ 状況や情勢は日々変わるもの →QAの誰もが、アクセシビリティのテストをアップデートできるように！まずは、チェックリストの浸透とアクセシビリティテストの実績を積むことはもちろんですが・・・

ありがとうございました。

20181128_Garoonでアクセシビリティなテスト / 20181128 Access...