お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
法的背景およびアクセシビリティの基本
モジュール1:アクセシビリティ法の概要とその重要性
- 新たに施行されたアクセシビリティ法(6月28日施行)の概観
- 法的要件および遵守期限
- 公的機関、民間企業、開発者に与える影響
- なぜアクセシビリティが重要か:社会的・倫理的・ビジネス的な観点からの考察
- 準拠しない場合に課される罰則について
- WCAG 2.1/2.2やARIAといったアクセシビリティ基準の概要
- 障害の種類と分類について
モジュール2:アクセシビリティの原則とガイドライン
- POUR原則(知覚可能、操作可能、理解可能、堅牢)
- WCAGガイドラインの概要説明
- ARIAのロール、状態、プロパティについて
- セマンティックHTMLがアクセシビリティにどう寄与するか
モジュール3:アクセシブルな開発環境の構築法
- ブラウザの開発者ツール、NVDAやVoiceOverといったスクリーンリーダー、各種アクセシビリティ拡張機能などの紹介
- Linterおよび自動化されたアクセシビリティテストツールの導入手順
- 代表的なアクセシビリティテストツールの紹介と概要
- VoiceOverやTalkBack、Android Accessibility Scanner、Xcode Accessibility Inspectorを用いたモバイルシミュレータおよび実機でのアクセシビリティテスト準備手順
モジュール4:実践的なコーディング – セマンティックHTMLとキーボード操作の確保
- アクセシビリティに配慮したセマンティックなマークアップ手法
- キーボード操作のみで完全に操作できるようにする方法
- フォーカス管理の技術的手法について
- フォームやインタラクティブ要素をアクセシブルに扱う手法
ネイティブモバイルアプリにおけるアクセシビリティ(オプション:1時間半追加講座)
- GoogleのマテリアルデザインやAppleのヒューマンインターフェースガイドラインなどの主要プラットフォーム規格
- モバイル上でのナビゲーション、ボタン、フォームをアクセシブルにする方法
- よくあるモバイルアクセシビリティ問題と解決策例
- VoiceOverやTalkBackを用いた実践的なテスト手順の演習
高度なコーディング技術および補助技術
モジュール5:アクセシブルなCSSと視覚デザイン
- 色のコントラストおよびテキストサイズの適切な設定方法
- /フォーカス状態を示す視覚的インジケータの設計手法
- レスポンシブデザインを実現する際のアクセシビリティ配慮点
- アニメーションやトランジションによるアクセシビリティ上の問題回避方法
- モバイル画面における色コントラストおよびサイズ基準の例示
モジュール6:動的コンテンツやリッチなインターネットアプリケーション向けARIA活用法
- ARIA属性の適切な使用タイミングと手法について
- スクリーンリーダー用ライブリージョンの管理手順
- アクセシブルなウィジェットや独自コンポーネントの作成方法
- SPA(シングルページアプリケーション)におけるARIAの役割について
- モバイルネイティブ環境向け:AndroidではcontentDescription、iOSではaccessibilityLabelといった各種ロールおよびラベルの活用方法を解説
モジュール7:実践演習 – アクセシブルなコンポーネントの作成手法
- アクセシブルなボタン、モーダル、ドロップダウン、タブ類を制作する演習
- フォームのバリデーションやエラー処理をアクセシブルに実装する方法
- ARIAとセマンティックHTMLを用いた現実的なUIコンポーネントの作成手法
テスト、準拠性の確認および継続的なアクセシビリティ維持法
モジュール8:アクセシビリティテストおよび監査手法
- /キーボードのみで操作するマニュアルテスト手法の演習
- axeやLighthouse、pa11yなどの自動化ツールを用いた検証方法
- QAチーム向けアクセシビリティテストケースの作成手順
- CI/CDパイプラインへのアクセシビリティテスト導入法
- ネイティブモバイルアプリの監査手法:マニュアル検証に加え、Accessibility ScannerやAndroid向けEspresso、iOS向けXCTestといった自動化ツールの活用法
モジュール9:問題修正および継続的なアクセシビリティ維持策
- よく見られるアクセシビリティ課題とその解決法の実例紹介
- 旧来コードベースにおいてもアクセシビリティ要件を維持する手法
- 新機能追加やリファクタリング時にアクセシビリティ基準をどう守るか
- /ウェブ/デスクトップなど複数プラットフォーム向けアプリにおけるアクセシビリティ対応方針について
モジュール10:最終演習および総括
- 小規模なアプリケーションやモジュールを実際に作成または改修し、アクセシビリティ基準への適合性を確認する演習
- ピアレビューおよびグループディスカッションの機会
- 質疑応答およびフィードバック交換セッション
- 今後の学習継続用リソースや法改正情報へのリンク紹介
要求
- HTML、CSS、JavaScriptの基礎から中級レベルの知識
- モバイルアプリ開発技術(Android、iOS)に関する基礎から中級レベルの理解
- フロントエンドフレームワーク(React、Angular、Vueなど)に親しみがあると望ましい
- モバイルアプリ開発の経験があると望ましい
- ウェブおよびモバイル開発のライフサイクルについて基本的な理解
- コードエディタやブラウザの開発者ツールなど、開発環境が整ったノートPC
対象者
- フロントエンド・バックエンド・モバイル開発者
- Webデザインに関する知識も持つUI/UXデザイナー
- アクセシビリティテストを担当するQAエンジニア
- アクセシビリティ準拠に携わるプロダクトオーナーやプロジェクトマネージャー
21 時間
お客様の声 (3)
ツールの実験
Nuwan Gunaratne - AZQORE
コース - User Experience Design with Figma
機械翻訳
私たちの講師、ヤシャンクは非常に知識が豊富でした。彼はカリキュラムを私たちが必要な学習内容に合わせて調整し、素晴らしい学習経験を提供してくれました。彼が教えている分野への理解は印象的で、実際の経験に基づく洞察を共有し、仕事で直面している実際の問題を解決するために支援してくれました。
Ahmed Nazeem - Maldives Pension Administration Office
コース - Multimodal AI for Enhanced User Experience
機械翻訳
「講師がリアルタイムで私たちのチームがヒューマンセントリックデザイン(HCD)をプロジェクトにどのように適用できるかを示した方法は、非常に感謝しています。また、講師がプロジェクト全体を理解するために時間を費やしてくれたことも素晴らしい点でした。これにより、UXとUIへのアプローチをより良く行うための明確で実践的なガイダンスを提供することができました。」
Nichole Bryant Joven - Grundfos
コース - Human-Centered Design (HCD)
機械翻訳