バリアフリー
サイトとアプリのユーザー補助機能の改善に役立つ、Chrome のドキュメント全体のリソースです。
Lighthouse によるユーザー補助の監査
すべてのユーザーがコンテンツにアクセスし、サイト内を効率的に移動できるかどうかを確認します。
DevTools リファレンス
Chrome DevTools のユーザー補助機能の包括的なリファレンス。
DevTools のユーザー補助機能
機能リファレンス
Chrome DevTools のユーザー補助機能の包括的なリファレンス。
コントラストと読みやすさ
Chrome DevTools のキーボード ショートカットに関する正規ドキュメントです。
トラック要素のフォーカス
ページのキーボード ナビゲーションのユーザー補助機能をテストします。
支援技術を利用する
このガイドは、支援技術を使用して DevTools を最大限に活用しているデベロッパー��対象としています。
学習コース
ユーザー補助の詳細
デジタル アクセシビリティは一般に a11y と略されるものですが、障がいのある人が有意義かつ同等の方法で操作できるウェブサイトやウェブアプリを設計、構築する取り組みです。
このコースは、ウェブ デベロッパーの初心者から上級者までを対象としています。このシリーズを最初から最後まで通じ、ユーザー補助機能の実践とテストに関する一般的な理解を得られるようになります。また、特定の科目のリファレンスとして利用することもできます。
動画で学ぶ
ユーザー補助に関するおすすめの方法については、以下の動画をご覧ください。
Angular でユーザーが利用しやすいアプリを作成する
Angular v14 の最新機能を確認して、動的なページタイトルを追加したり、テーマ設定の色コントラストをチェックしたり、CDK の a11y パッケージで高度なユーザー補助設定を利用したりできます。
可変フォントへの移行
デベロッパーが可変フォントを重視すべき理由と、それを実装するためのベスト プラクティスについて説明します。
Chrome DevTools を使用してユーザー補助機能をデバッグする
ウェブ アプリケーションでユーザー補助機能がどのように動作するか(または動作しないか)を理解するために役立つ、Chrome DevTools の新機能について学びます。問題の原因を特定して修正する方法をご確認ください。
ユーザー補助とプロダクト インクルージョンを始める
ユーザー補助機能の基本と、ユーザー補助機能のテスト方法について説明します。プロダクト インクルージョンの範囲を拡大し、これまで過小評価されてきた人々のニーズにより的確に応える方法をご確認ください。
Chrome と ChromeOS のユーザー補助機能の紹介動画シリーズ
Chrome ブラウザとオペレーティング システムには、拡大、キーボード ナビゲーション、画面読み上げなどのユーザー補助機能が用意されています。設定をカスタマイズして、ユーザー補助の利便性と利便性を高める方法をご覧ください。
エンドユーザーのコンピューティング エクスペリエンスのアクセシビリティを向上させる
ウェブや Chromebook での作業中に使用できる、新規および既存のユーザー補助機能をご紹介します。