ローコードでできる！ アクセシビリティテスト自動化入門！

2023/5/24 mabl Webinarで使用したスライドです。

Transcript

1. ローコードでできる！ アクセシビリティテスト自動化入門！ よりインクルーシブなアプリケーションを構築するために
2. Speaker Profile odasho (Shohei Oda) Quality Advocate / Product Marketing, mabl Japan 国内SIerにてインフラやPaaS App開発まで幅広く経験。その 後コミュニティ活動をきっかけにMicrosoftに入社。 EvangelistとしてAudience Marketingに従事。2022年10月 にmablにJoinし、TestingやQAの啓蒙活動に取り組む。現在 もDevRel Meetup in Tokyoを中心に複数のコミュニティを運 営/支援。 Most DevRel Committer 2020 odashoDotCom odasho0618 odasho odasho0618
3. 本日のアジェンダ • アクセシビリティテストの重要性 • mablのアクセシビリティテスト ソリューション • デモ • Q&A
4. 本日のセッションのポイント テストカバレッジ よりインクルーシブで アクセス性の高いアプリ ケーションを構築するには 機能テストだけでなく 品質の拡大も必要。 効率化 アクセシビリティの問題を 本番環境に移行する前に 特定し解決することで、 コストの高いロールバック 作業を回避することが できる。 優れたCX アプリ全体の品質を向上さ せ、幅広いお客様に快適な 体験を提供する。
5. カスタマーエクスペリエンスはなぜ重要？ Source: PWC, “Experience is everything: Here’s how to get it right” and Gartner, “Key Findings From the Gartner Customer Experience Survey”, March 2018 一度でも嫌な体験をしたら、 好きなブランドでも離れる と回答 … の企業が顧客体験だけで 勝負している より良い体験が得られるなら お気に入りのブランドから 他のブランドに乗り換える 可能性が大いにある と回答 52% 81% 32%
6. 品質とカスタマーエクスペリエンスの関係性 製品の品質 顧客満足度 顧客 ロイヤリティ Source: Examining the Relationships among Product Quality, Customer Satisfaction and Loyalty in the Bamboo Institute, S. Rua, E. Saldanha, and A. Amaral, 2020
7. 拡張性、安定性、サービス品質(QoS) 可用性、パフォーマンスといった エンドユーザーの期待を満たす製品を 一貫して提供する能力は、デジタル ビジネスにとって極めて重要である。 Gartner Reports: Gartner, Hype Cycle for Software Engineering, Arun Batchu, Mark O'Neill, Joachim Herschmann, 1 August 2022
8. アクセシビリティ テストの重要性 品質エンジニアリング実践の中心
9. アクセシビリティテストとは？ #a11y_findy アプリやWebサイトを できるだけ多くの人に 使ってもらえるようにすること 15% なんらかの障がいを 持つ人の全体人口比率
10. WCAGを採用している国々 WCAG 2.xを採用 WCAG 2.xの準拠を推奨 WCAG 1.xを採用 JIS X 8341-3:2016と WCAG 2.0の内容は 一致しています Source: https://waic.jp/knowledge/accessibility/
11. 最も厳しいレベル で以下を含む: ➔ コントラス比へ の要求は7:1 ➔ ビデオコンテン ツに事前録画さ れた手話の付与 ➔ キー ードのみ で全てのコンテ ンツにアクセス できること ➔ 9年生が読解可能 なコンテンツ Level Aに加えて以 下を含む: ➔ コントラスト比 を4.5:1するなど より高度な要求 ➔ ページ上のテキ ストを200%まで 拡大可能とする ➔ 入力エラーに対 する修正案の提 示 ➔ 以下のアクセシビ リティ機能を含む: ➔ 画像コンテンツ のテキストコン テンツによる代 替 ➔ ユーザーがコン テンツをスキッ プ可能とする ➔ <b> と <i>タグ を <strong> と <em>タグに代替 ➔ オーディオ・ビ デオコンテンツ へ字幕の付与 Level A Web Content Accessibility Guidelines (WCAG) 堅牢（Robust）: コンテンツは支援技術を含む 様々なユーザーエージェントが確実に解釈でき るよう、十分に堅牢でなければならない 知覚可能（Perceivable）: 情報およびユーザー インターフェースのコンポーネントはユーザー が知覚できる方法で提示されなければならない 操作可能（Operable）: ユーザーインター フェースのコンポーネントとナビ ーションは 操作可能でなければならない 理解可能（Understandable）: ユーザーイン ターフェースの情報と操作方法は理解可能でな ければならない Level AA (Law in many countries, Including US) Level AAA
12. 障がいを持つ人々には、 政府や企業が提供する サービス、商品、プログラムを 利用する機会を平等に得る 権利がある。 米国、法務省
13. 5月18日: Global Accessibility Awareness Day 特設サイト：accessibility.day
14. 重要ではない しかし、包括性を 高めていきたい 重要 今はまだ取り組みの 初期段階である とても重要 ソリューションを 模索している あなたの企業におけるa11yテストの重要度は？ みなさまへのご質問！ 1 2 3
15. アクセシビリティテスト: なぜこんなに難しい...？ • 開発プロセスに統合されていない ツールは、問題を発見するのに 時間がかかる。 • チームでのコラボレーションが 困難：バラバラなツールでの 報告、共有や信頼できる唯一のデー タソース（SSOT）の作成が難しい
16. みなさまへのご質問！ 現在、a11yのテストをどのように行っていますか？ 行っていない 手動テスト フリー/オープンソースのツール 有料サービス
17. mablでアクセシビリティテストを実現 品質保証(QA) アプリケーションの 機能的な品質を確保 品質エンジニアリング 品質は、顧客体験全体にわたって評価 される • 開発ライフサイクル全体を通した 品質テストの実施 • ポジティブなユーザー エクスペリエンスを提供 • 満足度向上、維持、新規顧客獲得に 貢献 • mabl 品質エンジニアリングのための 統合プラットフォーム
18. mablの アクセシビリティ テスト mablでアクセシビリティテストを構築し、 問題を報告、迅速に解決する方法とは
19. 統合プラットフォームによるアクセシビリティテスト 機能的なUI・APIテストと同時に アクセシビリティテストを自動化 E2Eテストを拡張：既存のテストにアクセシビリティ 検証を組み込むことができる。 ローコードでテスト作成：ワンステップで、誰でも アクセシビリティ検証を追加可能。 実用的なインサイト：トレンドデータ、問題の分類、 ノイズ削減のための集計。 重要な要素にフォーカス：要件に応じて、特定の ページや要素に適用することができる。
20. ローコードでアクセシビリティ検証 UIテストの範囲内で、 特定のエレメントやページの アクセシビリティを保証します。
21. 実用的なアクセシビリティレポートとインサイト ワークスペース全体のアクセシビリティ チェック結果を時系列で 集計し、重要度別に並べたもの。
22. デモ
23. 本日のポイント
24. 本日のセッションのポイント テストカバレッジ よりインクルーシブで アクセス性の高いアプリ ケーションを構築するには 機能テストだけでなく 品質の拡大も必要。 効率化 アクセシビリティの問題を 本番環境に移行する前に 特定し解決することで、 コストの高いロールバック 作業を回避することが できる。 優れたCX アプリ全体の品質を向上さ せ、幅広いお客様に快適な 体験を提供する。
25. For your information
26. ロードマップ免責事項 後述の情報は現時点での製品企画の概要説明ですが、 人生を予測できないのと同じように、いかに綿密に作られた計画でも 諦めなければならない場合が出てきます。当社ロードマップを理解する上で 参考情報としてご利用いただければ幸いですが、 あくまでもこの情報は参考資料としての利用のみを目的としており、 決して拘束力を持つ契約事項ではないことをご了承ください。 #
27. 2023年 投資概要 2023年の製品投資について ネイティブモバイルテスト パフォーマンステスト 戦略的投資 段階的な 機能強化 正確で すばやい結果 カバレッジ達成を 簡素化 拡張にあたって チームを参加させ管理 高速で信頼性の高い インフラ
28. You can try it now! • 今すぐできる2週間の無料トライアル！ mabl Uのお供にどうぞ！ • デモリクエストも大歓迎！ https://www.mabl.com/ja
29. About the mabl University How-to Videos (English only) How-to Lessons (Japanese only) On-Demand Training (English & Japanese) mabl Skills Certifications (English & Japanese) • 33 ビデオ (各3 - 8 分程度) • 英語字幕あり、日本語字幕なし • 26 レッスン • Step by stepで学習可能 • 4 ラーニングパス • 設定、基礎、高度、統合でそれぞ れ30 - 90 分の学習パス • 学習目標に応じたパスを提供 • 2 つの資格 • Foundations と Advanced • LinkedIn に掲載可能
30. About the mabl Skills Certification 出題数60問の選択式テストを通じて、mablのナビゲー ション、設定、テスト作成、出力、自動テスト戦略につい て解答し、examをパスしましょう！ Why get certified? • LinkedInで認定資格合格後を登録可能 • 認定資格試験の取得を通じてmablプラットフォー ムの一定への知見をアピールできます • mablers_jpのようなコミュニティを通じて、得たス キルを活かしたOutputをしましょう！ • 2023年3月～日本語での提供を開始しました
31. mabl user community! mablのUser Community『mablers_jp』が 遂にスタート！ • ユーザーによる忖度のない生の声を聞く 絶好のチャンスです。是非ご参加ください！ https://mablersjp.connpass.com/ • 5/25 12:00からは『めいぶるカフェ Vol. 2』が開 催されます！
32. API Performance Testing Webinar 5/25 14:00～15:00 『負荷テストにおけるmablのAPIテスト活用』 https://www.mabl.com/ja/webinar/lp/leveraging-mabl-api-t ests-for-load-testing
33. Webinar with Acquia! 6/22 17:00～18:00 『サイト構築からE2Eテストまでローコードで超速開 発！アクイア&mablウェビナー』 https://mabl-japan.connpass.com/event/283833/
34. #DevOpsDaysTokyo ありがとうございました！ odasho (Shohei Oda) Quality Advocate / Product Marketing, mabl Japan odashoDotCom odasho0618 odasho odasho0618