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

テストプロセスのなかに アクセシビリティ検査はどのように組み込まれるのか?

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →

テストプロセスのなかに アクセシビリティ検査はどのように組み込まれるのか?

JaSST'24 Niigata(https://www.jasst.jp/symposium/jasst24niigata.html)
カスタマーサクセス部カスタマーエクスペリエンスグループ
長谷川 浩之

SHIFT EVOLVE PRO

August 09, 2024

Transcript

10 slides
  1. 2 自己紹介 長谷川浩之 マーケティング系、ブランディング系、デザイン系 のコンサルティング会社を複数経て、株式会社SHIFT に参画。 一貫して、顧客体験の創造の機会に向き合ってきた。 現在は、B2B、B2Cの隔てなく、金融、アパレル、化 粧品、機械、ヘルスケアなどの業界から官公庁に至 るまで幅広くCX・UIUXのコンサルティングを行って

    いる。 新規事業の開発など、UXの導入からの支援も多い。 また最近では、アクセシビリティの案件の支援も増 えている。 株式会社SHIFT カスタマーサクセス部 カスタマーエクスペリエンスG CXシニアコンサルタント 人間中心設計スペシャリスト
  2. 4 アクセシビリティ向上のご支援 要件定義 設計 コーディング テスト 公開後 • アクセシビリティ目標の明確化 •

    アクセシビリティを踏まえ情報設計・デ ザイン設計 要件を踏まえたコー ディング WCAGやJISの検証項目にもとづいたアクセ シビリティ検証 アクセシビリティコンサルティング アクセシビリティ検査 ユーザビリティ検証 • エキスパートレビュー • ユーザーテスト • データ分析 UI/UXサービス • UXリサーチ(調査) • 体験設計、情報設計 • UIデザイン • デザインガイドライン 品質PMO テスト システム開発 マニュアル・運用・CS テストだけでなく、開発プロセスのどの段階でも組み込むことができます。 × ×
  3. 5 Webアクセシビリティ検査の4ステップ 達成基準を決める 検査を実施する 報告会で課題を確認する 今後の対応方針を決める WCAG(2.1、2.2)か JIS かの達成基準、 また対象範囲を決めます。

    独自のガイドラインに基づき、 アクセシビリティの専門家が検査を実施します。 課題と改善の方向性をご報告します。 報告書に基づき、サイト・アプリの改善や検証結果の 公表など今後の対応方針を決めます。 STEP 1 STEP 2 STEP 3 STEP 4 アクセシビリティ検査の実施 :検査ステップ
  4. 6 WCAG(Web Content Accessibility Guidelines)とは W3C(World Wide Web Consortium)が策定したウェブアクセシビリティのガイドライン WCAG

    2.0 ISO/IEC 40500:2012 JIS X 8341-3 :2016 ① WCAG (W3Cの勧告) ② ISO (国際規格) ③ JIS (国内規格) WCAG 2.1 WCAG 2.2 改訂予定 改訂予定 2008 2018 2023 アクセシビリティ検査の実施 :達成基準を決める 規格のチェックリストに沿って、課題を発見する 最も利用される規格は「WCAG」と「JIS」の2つ
  5. 7 テスト工程 ③-2 総合テスト(非機能) アクセシビリティ ・・・ n n+1 n+2 n+3

    検証実施 ① 単体テスト ② 結合テスト ③-1 総合テスト(機能) シナリオ ・・・ ④ 受入テスト 準備 改修 最初からテスト工程のなかに、アクセシビリティ検査を組み込みます 具体的な組み込み方(イメージ)
  6. 8 レスポンシブ(WEB・スマホ) 報告会 準備 検査(適合/不適合) レポート 1ヶ月 期間・ステップ 1)ソースコードを専用ツールに取り込み検査 2)実際の動作環境でのPCによる検査

    WCAG 2.1 JIS X 8341-3:2016 (ISO/IEC 40500:2012) 適用規格 対象 検査報告書 成果物 30 ページ PC 検証 具体的な組み込み方(実施事例)
  7. 9 アプリ 最終報告会 準備 検査(不適合) レポート 2ヶ月 期間・ステップ 1)Figmaによるデザインチェック 2)実際の動作環境でのスマホ検査(iOS,Android)

    WCAG 2.1 JIS X 8341-3:2016 (ISO/IEC 40500:2012) 適用規格 対象 検査報告書 成果物 150ページ Figma スマホ 検証 具体的な組み込み方(実施事例) 中間報告
  8. すべてのソフトウェアに Made in Japan の品質を Copyright SHIFT Inc, All Rights

    Reserved. 従来のソフトウェアテストに製造業の品質保証ノウハウを転用し、 コンサルティング〜ソフトウェア検証サービスを提供しております。 ご清聴ありがとうございました。

More Decks by SHIFT EVOLVE

Other Decks in Technology