Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ローコードでできる! アクセシビリティテスト自動化入門!
Search
odasho
May 24, 2023
Technology
0
250
ローコードでできる! アクセシビリティテスト自動化入門!
2023/5/24 mabl Webinarで使用したスライドです。
odasho
May 24, 2023
Tweet
Share
More Decks by odasho
See All by odasho
統合型ノーコードテスト 自動化プラットフォーム『mabl』 ご紹介ウェビナー
odasho
1
44
AIを駆使した自動テストは統合プラットフォームの時代へ
odasho
0
52
mabl テスト自動化 ショートデモセッション
odasho
0
50
ローコードで実践!アプリケーション開発とテスト自動化
odasho
0
110
これから始めるDevOps!ローコードで簡単に実現するE2Eの負荷テスト徹底解説!
odasho
0
96
テストから始めるDevOps ~面倒なテスト工程を自動化しよう~
odasho
0
360
ChatGPT × Azure × GitHub × mablで実現するリグレッションテスト 自動化ワークショップ!
odasho
0
180
ローコードで始めるテスト自動化! ~サイト品質を継続改善するためのヒント~
odasho
0
72
これから始めるDevOps! CI/CD連携を活用してリグレッション テストを自動化しよう!
odasho
0
260
Other Decks in Technology
See All in Technology
The CloudCompare project by Dr. Daniel Girardeau-Montaut
kentaitakura
0
520
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
130
ServiceNow Knowledge 24の歩き方 EYストラテジー・アンド・コンサルティング
manarobot
0
170
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
210
Hands-on / Kaname Frusawa / Cloud Compare Users Meetup 2024 at University of Tokyo on April 17
paraworld
2
480
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
280
本当のAWS基礎
toru_kubota
0
370
[PlatformCon 24] Platform Orchestrators: The Missing Middle of Internal Developer Platforms?
danielbryantuk
1
790
現代CSSフレームワークの内部実装とその仕組み
poteboy
8
3.4k
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
390
Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話
1ftseabass
PRO
0
110
20240416_devopsdaystokyo
kzkmaeda
1
200
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
96
10k
Six Lessons from altMBA
skipperchong
20
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
BBQ
matthewcrist
80
8.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
The Cost Of JavaScript in 2023
addyosmani
15
3.8k
The Mythical Team-Month
searls
215
42k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
186
16k
Music & Morning Musume
bryan
41
5.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
39k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Transcript
ローコードでできる! アクセシビリティテスト自動化入門! よりインクルーシブなアプリケーションを構築するために
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
本日のアジェンダ • アクセシビリティテストの重要性 • mablのアクセシビリティテスト ソリューション • デモ • Q&A
本日のセッションのポイント テストカバレッジ よりインクルーシブで アクセス性の高いアプリ ケーションを構築するには 機能テストだけでなく 品質の拡大も必要。 効率化 アクセシビリティの問題を 本番環境に移行する前に
特定し解決することで、 コストの高いロールバック 作業を回避することが できる。 優れたCX アプリ全体の品質を向上さ せ、幅広いお客様に快適な 体験を提供する。
カスタマーエクスペリエンスはなぜ重要? 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%
品質とカスタマーエクスペリエンスの関係性 製品の品質 顧客満足度 顧客 ロイヤリティ Source: Examining the Relationships among
Product Quality, Customer Satisfaction and Loyalty in the Bamboo Institute, S. Rua, E. Saldanha, and A. Amaral, 2020
拡張性、安定性、サービス品質(QoS) 可用性、パフォーマンスといった エンドユーザーの期待を満たす製品を 一貫して提供する能力は、デジタル ビジネスにとって極めて重要である。 Gartner Reports: Gartner, Hype Cycle
for Software Engineering, Arun Batchu, Mark O'Neill, Joachim Herschmann, 1 August 2022
アクセシビリティ テストの重要性 品質エンジニアリング実践の中心
アクセシビリティテストとは? #a11y_findy アプリやWebサイトを できるだけ多くの人に 使ってもらえるようにすること 15% なんらかの障がいを 持つ人の全体人口比率
WCAGを採用している国々 WCAG 2.xを採用 WCAG 2.xの準拠を推奨 WCAG 1.xを採用 JIS X 8341-3:2016と
WCAG 2.0の内容は 一致しています Source: https://waic.jp/knowledge/accessibility/
最も厳しいレベル で以下を含む: ➔ コントラス比へ の要求は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
障がいを持つ人々には、 政府や企業が提供する サービス、商品、プログラムを 利用する機会を平等に得る 権利がある。 米国、法務省
5月18日: Global Accessibility Awareness Day 特設サイト:accessibility.day
重要ではない しかし、包括性を 高めていきたい 重要 今はまだ取り組みの 初期段階である とても重要 ソリューションを 模索している あなたの企業におけるa11yテストの重要度は?
みなさまへのご質問! 1 2 3
アクセシビリティテスト: なぜこんなに難しい...? • 開発プロセスに統合されていない ツールは、問題を発見するのに 時間がかかる。 • チームでのコラボレーションが 困難:バラバラなツールでの 報告、共有や信頼できる唯一のデー
タソース(SSOT)の作成が難しい
みなさまへのご質問! 現在、a11yのテストをどのように行っていますか? 行っていない 手動テスト フリー/オープンソースのツール 有料サービス
mablでアクセシビリティテストを実現 品質保証(QA) アプリケーションの 機能的な品質を確保 品質エンジニアリング 品質は、顧客体験全体にわたって評価 される • 開発ライフサイクル全体を通した 品質テストの実施
• ポジティブなユーザー エクスペリエンスを提供 • 満足度向上、維持、新規顧客獲得に 貢献 • mabl 品質エンジニアリングのための 統合プラットフォーム
mablの アクセシビリティ テスト mablでアクセシビリティテストを構築し、 問題を報告、迅速に解決する方法とは
統合プラットフォームによるアクセシビリティテスト 機能的なUI・APIテストと同時に アクセシビリティテストを自動化 E2Eテストを拡張:既存のテストにアクセシビリティ 検証を組み込むことができる。 ローコードでテスト作成:ワンステップで、誰でも アクセシビリティ検証を追加可能。 実用的なインサイト:トレンドデータ、問題の分類、 ノイズ削減のための集計。 重要な要素にフォーカス:要件に応じて、特定の
ページや要素に適用することができる。
ローコードでアクセシビリティ検証 UIテストの範囲内で、 特定のエレメントやページの アクセシビリティを保証します。
実用的なアクセシビリティレポートとインサイト ワークスペース全体のアクセシビリティ チェック結果を時系列で 集計し、重要度別に並べたもの。
デモ
本日のポイント
本日のセッションのポイント テストカバレッジ よりインクルーシブで アクセス性の高いアプリ ケーションを構築するには 機能テストだけでなく 品質の拡大も必要。 効率化 アクセシビリティの問題を 本番環境に移行する前に
特定し解決することで、 コストの高いロールバック 作業を回避することが できる。 優れたCX アプリ全体の品質を向上さ せ、幅広いお客様に快適な 体験を提供する。
For your information
ロードマップ免責事項 後述の情報は現時点での製品企画の概要説明ですが、 人生を予測できないのと同じように、いかに綿密に作られた計画でも 諦めなければならない場合が出てきます。当社ロードマップを理解する上で 参考情報としてご利用いただければ幸いですが、 あくまでもこの情報は参考資料としての利用のみを目的としており、 決して拘束力を持つ契約事項ではないことをご了承ください。 #
2023年 投資概要 2023年の製品投資について ネイティブモバイルテスト パフォーマンステスト 戦略的投資 段階的な 機能強化 正確で すばやい結果
カバレッジ達成を 簡素化 拡張にあたって チームを参加させ管理 高速で信頼性の高い インフラ
You can try it now! • 今すぐできる2週間の無料トライアル! mabl Uのお供にどうぞ! •
デモリクエストも大歓迎! https://www.mabl.com/ja
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 に掲載可能
About the mabl Skills Certification 出題数60問の選択式テストを通じて、mablのナビゲー ション、設定、テスト作成、出力、自動テスト戦略につい て解答し、examをパスしましょう! Why get
certified? • LinkedInで認定資格合格後を登録可能 • 認定資格試験の取得を通じてmablプラットフォー ムの一定への知見をアピールできます • mablers_jpのようなコミュニティを通じて、得たス キルを活かしたOutputをしましょう! • 2023年3月~日本語での提供を開始しました
mabl user community! mablのUser Community『mablers_jp』が 遂にスタート! • ユーザーによる忖度のない生の声を聞く 絶好のチャンスです。是非ご参加ください! https://mablersjp.connpass.com/
• 5/25 12:00からは『めいぶるカフェ Vol. 2』が開 催されます!
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
Webinar with Acquia! 6/22 17:00~18:00 『サイト構築からE2Eテストまでローコードで超速開 発!アクイア&mablウェビナー』 https://mabl-japan.connpass.com/event/283833/
#DevOpsDaysTokyo ありがとうございました! odasho (Shohei Oda) Quality Advocate / Product Marketing,
mabl Japan odashoDotCom odasho0618 odasho odasho0618