Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

odasho

May 24, 2023
Tweet

More Decks by odasho

Other Decks in Technology

Transcript

  1. ローコードでできる!
    アクセシビリティテスト自動化入門!
    よりインクルーシブなアプリケーションを構築するために

    View Slide

  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

    View Slide

  3. 本日のアジェンダ
    ● アクセシビリティテストの重要性
    ● mablのアクセシビリティテスト
    ソリューション
    ● デモ
    ● Q&A

    View Slide

  4. 本日のセッションのポイント
    テストカバレッジ
    よりインクルーシブで
    アクセス性の高いアプリ
    ケーションを構築するには
    機能テストだけでなく
    品質の拡大も必要。
    効率化
    アクセシビリティの問題を
    本番環境に移行する前に
    特定し解決することで、
    コストの高いロールバック
    作業を回避することが
    できる。
    優れたCX
    アプリ全体の品質を向上さ
    せ、幅広いお客様に快適な
    体験を提供する。

    View Slide

  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%

    View Slide

  6. 品質とカスタマーエクスペリエンスの関係性
    製品の品質
    顧客満足度
    顧客
    ロイヤリティ
    Source: Examining the Relationships among Product Quality, Customer Satisfaction and Loyalty in the Bamboo Institute, S. Rua, E. Saldanha, and A. Amaral, 2020

    View Slide

  7. 拡張性、安定性、サービス品質(QoS)
    可用性、パフォーマンスといった
    エンドユーザーの期待を満たす製品を
    一貫して提供する能力は、デジタル
    ビジネスにとって極めて重要である。
    Gartner Reports: Gartner, Hype Cycle for Software Engineering,
    Arun Batchu, Mark O'Neill, Joachim Herschmann, 1 August 2022

    View Slide

  8. アクセシビリティ
    テストの重要性
    品質エンジニアリング実践の中心

    View Slide

  9. アクセシビリティテストとは?
    #a11y_findy
    アプリやWebサイトを
    できるだけ多くの人に
    使ってもらえるようにすること
    15%
    なんらかの障がいを
    持つ人の全体人口比率

    View Slide

  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/

    View Slide

  11. 最も厳しいレベル
    で以下を含む:
    ➔ コントラス比へ
    の要求は7:1
    ➔ ビデオコンテン
    ツに事前録画さ
    れた手話の付与
    ➔ キー ードのみ
    で全てのコンテ
    ンツにアクセス
    できること
    ➔ 9年生が読解可能
    なコンテンツ
    Level Aに加えて以
    下を含む:
    ➔ コントラスト比
    を4.5:1するなど
    より高度な要求
    ➔ ページ上のテキ
    ストを200%まで
    拡大可能とする
    ➔ 入力エラーに対
    する修正案の提


    以下のアクセシビ
    リティ機能を含む:
    ➔ 画像コンテンツ
    のテキストコン
    テンツによる代

    ➔ ユーザーがコン
    テンツをスキッ
    プ可能とする
    ➔ と タグ
    を と
    タグに代替
    ➔ オーディオ・ビ
    デオコンテンツ
    へ字幕の付与
    Level A
    Web Content Accessibility Guidelines (WCAG)
    堅牢(Robust): コンテンツは支援技術を含む
    様々なユーザーエージェントが確実に解釈でき
    るよう、十分に堅牢でなければならない
    知覚可能(Perceivable): 情報およびユーザー
    インターフェースのコンポーネントはユーザー
    が知覚できる方法で提示されなければならない
    操作可能(Operable): ユーザーインター
    フェースのコンポーネントとナビ ーションは
    操作可能でなければならない
    理解可能(Understandable): ユーザーイン
    ターフェースの情報と操作方法は理解可能でな
    ければならない
    Level AA
    (Law in many countries,
    Including US)
    Level AAA

    View Slide

  12. 障がいを持つ人々には、
    政府や企業が提供する
    サービス、商品、プログラムを
    利用する機会を平等に得る
    権利がある。
    米国、法務省

    View Slide

  13. 5月18日: Global Accessibility Awareness Day
    特設サイト:accessibility.day

    View Slide

  14. 重要ではない
    しかし、包括性を
    高めていきたい
    重要
    今はまだ取り組みの
    初期段階である
    とても重要
    ソリューションを
    模索している
    あなたの企業におけるa11yテストの重要度は?
    みなさまへのご質問!
    1 2 3

    View Slide

  15. アクセシビリティテスト: なぜこんなに難しい...?
    ● 開発プロセスに統合されていない
    ツールは、問題を発見するのに
    時間がかかる。
    ● チームでのコラボレーションが
    困難:バラバラなツールでの
    報告、共有や信頼できる唯一のデー
    タソース(SSOT)の作成が難しい

    View Slide

  16. みなさまへのご質問!
    現在、a11yのテストをどのように行っていますか?
    行っていない 手動テスト
    フリー/オープンソースのツール 有料サービス

    View Slide

  17. mablでアクセシビリティテストを実現
    品質保証(QA)
    アプリケーションの
    機能的な品質を確保
    品質エンジニアリング
    品質は、顧客体験全体にわたって評価
    される
    ● 開発ライフサイクル全体を通した
    品質テストの実施
    ● ポジティブなユーザー
    エクスペリエンスを提供
    ● 満足度向上、維持、新規顧客獲得に
    貢献

    mabl
    品質エンジニアリングのための
    統合プラットフォーム

    View Slide

  18. mablの
    アクセシビリティ
    テスト
    mablでアクセシビリティテストを構築し、
    問題を報告、迅速に解決する方法とは

    View Slide

  19. 統合プラットフォームによるアクセシビリティテスト
    機能的なUI・APIテストと同時に
    アクセシビリティテストを自動化
    E2Eテストを拡張:既存のテストにアクセシビリティ
    検証を組み込むことができる。
    ローコードでテスト作成:ワンステップで、誰でも
    アクセシビリティ検証を追加可能。
    実用的なインサイト:トレンドデータ、問題の分類、
    ノイズ削減のための集計。
    重要な要素にフォーカス:要件に応じて、特定の
    ページや要素に適用することができる。

    View Slide

  20. ローコードでアクセシビリティ検証
    UIテストの範囲内で、
    特定のエレメントやページの
    アクセシビリティを保証します。

    View Slide

  21. 実用的なアクセシビリティレポートとインサイト
    ワークスペース全体のアクセシビリティ
    チェック結果を時系列で
    集計し、重要度別に並べたもの。

    View Slide

  22. デモ

    View Slide

  23. 本日のポイント

    View Slide

  24. 本日のセッションのポイント
    テストカバレッジ
    よりインクルーシブで
    アクセス性の高いアプリ
    ケーションを構築するには
    機能テストだけでなく
    品質の拡大も必要。
    効率化
    アクセシビリティの問題を
    本番環境に移行する前に
    特定し解決することで、
    コストの高いロールバック
    作業を回避することが
    できる。
    優れたCX
    アプリ全体の品質を向上さ
    せ、幅広いお客様に快適な
    体験を提供する。

    View Slide

  25. For your
    information

    View Slide

  26. ロードマップ免責事項
    後述の情報は現時点での製品企画の概要説明ですが、
    人生を予測できないのと同じように、いかに綿密に作られた計画でも
    諦めなければならない場合が出てきます。当社ロードマップを理解する上で
    参考情報としてご利用いただければ幸いですが、
    あくまでもこの情報は参考資料としての利用のみを目的としており、
    決して拘束力を持つ契約事項ではないことをご了承ください。
    #

    View Slide

  27. 2023年 投資概要
    2023年の製品投資について
    ネイティブモバイルテスト パフォーマンステスト
    戦略的投資
    段階的な
    機能強化
    正確で
    すばやい結果
    カバレッジ達成を
    簡素化
    拡張にあたって
    チームを参加させ管理
    高速で信頼性の高い
    インフラ

    View Slide

  28. You can try it now!
    ● 今すぐできる2週間の無料トライアル!
    mabl Uのお供にどうぞ!
    ● デモリクエストも大歓迎!
    https://www.mabl.com/ja

    View Slide

  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 に掲載可能

    View Slide

  30. About the mabl Skills Certification
    出題数60問の選択式テストを通じて、mablのナビゲー
    ション、設定、テスト作成、出力、自動テスト戦略につい
    て解答し、examをパスしましょう!
    Why get certified?
    ● LinkedInで認定資格合格後を登録可能
    ● 認定資格試験の取得を通じてmablプラットフォー
    ムの一定への知見をアピールできます
    ● mablers_jpのようなコミュニティを通じて、得たス
    キルを活かしたOutputをしましょう!
    ● 2023年3月~日本語での提供を開始しました

    View Slide

  31. mabl user community!
    mablのUser Community『mablers_jp』が
    遂にスタート!
    ● ユーザーによる忖度のない生の声を聞く
    絶好のチャンスです。是非ご参加ください!
    https://mablersjp.connpass.com/
    ● 5/25 12:00からは『めいぶるカフェ Vol. 2』が開
    催されます!

    View Slide

  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

    View Slide

  33. Webinar with Acquia!
    6/22 17:00~18:00
    『サイト構築からE2Eテストまでローコードで超速開
    発!アクイア&mablウェビナー』
    https://mabl-japan.connpass.com/event/283833/

    View Slide

  34. #DevOpsDaysTokyo
    ありがとうございました!
    odasho (Shohei Oda)
    Quality Advocate / Product Marketing, mabl Japan
    odashoDotCom
    odasho0618
    odasho
    odasho0618

    View Slide