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

by Daisuke Kobayashi

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

（２）改善活動

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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