すべての人が使用できるインクルーシブなウェブサイトを構築します。セマンティック HTML、ARIA、キーボードとスクリーンリーダーのサポート、WCAG 2.2 準拠をマスターします。
すべての人が使用できるインクルーシブなウェブサイトを構築します。セマンティック HTML、ARIA、キーボードとスクリーンリーダーのサポート、WCAG 2.2 準拠をマスターします。このトラックは、絶対初心者 (A1) から上級 (B2) までの 30 の段階的なミニコースをカバーしており、短くて焦点を絞ったレッスンと各概念を定着させるための簡単なクイズが含まれています。
基礎から始めて、中級および上級のトピックを段階的に進みます。各コースは前のコースの上に構築されます。すべてのレッスンは実践的で、短時間で完結し、ヘルプが必要な場合は 24/7 AI チューターが利用できます。
各コースは 4 つの焦点を絞った、短時間で完結するレッスンに分かれています。1 日に数レッスン完了すれば、数ヶ月ではなく数週間でフルトラックをマスターできます。
AIを活用したツールと機能で学習をパワーアップ
Web Accessibility Academyラーニングパスのすべてのコース
アクセシビリティが誰の助けになるのか、そしてインクルーシブに構築するビジネス上・倫理上の意義を説明します。
WCAGの4原則を適用して、ページがアクセシブルかどうかを判断します。
属性を1つ追加する前にページをアクセシブルにできる、意味のある要素を選びます。
スクリーンリーダーのユーザーが見出しをたどって移動できる、論理的な見出し構造を構築します。
Landmark領域を使い、必要な部分へすぐに移動できるようにします。
情報を過剰に詰め込むのではなく、意味を伝える画像の代替テキストを書きます。
動作とセマンティクスが一致するよう、適切なインタラクティブ要素を選びます。
すべてのコントロールに名前があり、簡単に操作できるFormを構築します。
弱視や色覚特性のあるユーザーにもテキストとUIが十分目立つようにします。
キーボードだけですべての操作に到達でき、状態も確認できるようにします。
ネイティブHTMLで表現できない意味を追加するため、ARIAを正しく使います。
任意の要素について、支援技術が読み上げる内容を正確に制御します。
動的なインターフェースでも使いやすさを保てるよう、Focusを移動・制御します。
キーボードユーザーが繰り返し表示されるコンテンツを飛ばし、重要な場所へ移動できるようにします。
すべてのユーザーがFormのエラーを見つけて修正できるように伝えます。
セルとヘッダーの関係が明確になるよう、テーブルをマークアップします。
意味のあるグラフィックを公開し、純粋に装飾目的のものは隠します。
Focusを閉じ込め、適切に閉じ、自身の存在を通知するDialogを構築します。
正しいARIAとキー操作で、一般的な開閉ウィジェットを実装します。
視覚障害のあるユーザーが実際に体験する方法で、自分の成果物をテストします。
実際の達成基準を具体的な修正に結び付け、AA準拠のサイトを構築します。
クライアントサイドルーティングや再レンダリングがあっても、Single-Page Appのアクセシビリティを維持します。
再読み込みなしで発生する変化をスクリーンリーダーユーザーに知らせます。
実績のあるAPGパターンに従って、堅牢なカスタムウィジェットを構築します。
モーション設定を尊重し、不快感や発作を引き起こさないようにします。
色や形だけに頼らず、チャートやグラフを知覚できるようにします。
アクセシビリティのバグの一部を、パイプラインで自動的に検出します。
アクセシビリティを計画に組み込む根拠となる法律や標準を理解します。
チームにアクセシビリティを根付かせ、一つのプロジェクトが終わっても継続する仕組みを作ります。
はい。Web Accessibility Academyコースは無料で始められ、インタラクティブレッスンをすべて無料で完了できます。オプションのPRO登録で、高度なAIツールと共有可能な認定資格がアンロックされます。
いいえ。コースは基礎から始まり、より高度なトピックへと進むので、HTMLの事前経験がなくても始められます。
実践しながら学びます。短いインタラクティブレッスンは、わかりやすい説明と、リアルタイムで実行される実践的なコード演習が組み合わさっており、24時間対応のAIチューターがわからないときにいつでもサポートします。
はい。PRO学習者は試験を受けて、Web Accessibility Academyコースの完了を証明する共有可能な認定資格を取得できます（認証コード付き）。
はい。CoddyKitはウェブとネイティブiOS・Androidアプリで利用でき、どのデバイスでもHTMLを学習でき、進捗がすべてのデバイスで同期されます。