バリアフリー

このページは Cloud Translation API によって翻訳されました。

サイトとアプリのユーザー補助機能の改善に役立つ、Chrome のドキュメント全体のリソースです。

すべてのユーザーがコンテンツにアクセスし、サイト内を効率的に移動できるかどうかを確認します。

始める

Chrome DevTools のユーザー補助機能の包括的なリファレンス。

DevTools のユーザー補助機能

Chrome DevTools のユーザー補助機能の包括的なリファレンス。

Chrome DevTools のキーボードショートカットに関する正規ドキュメントです。

ページのキーボードナビゲーションのユーザー補助機能をテストします。

このガイドは、支援技術を使用して DevTools を最大限に活用しているデベロッパーを対象としています。

学習コース

デジタルアクセシビリティは一般に a11y と略されるものですが、障がいのある人が有意義かつ同等の方法で操作できるウェブサイトやウェブアプリを設計、構築する取り組みです。

このコースは、ウェブデベロッパーの初心者から上級者までを対象としています。このシリーズを最初から最後まで通じ、ユーザー補助機能の実践とテストに関する一般的な理解を得られるようになります。また、特定の科目のリファレンスとして利用することもできます。

ユーザー補助に関するおすすめの方法については、以下の動画をご覧ください。

Angular v14 の最新機能を確認して、動的なページタイトルを追加したり、テーマ設定の色コントラストをチェックしたり、CDK の a11y パッケージで高度なユーザー補助設定を利用したりできます。

デベロッパーが可変フォントを重視すべき理由と、それを実装するためのベストプラクティスについて説明します。

ウェブアプリケーションでユーザー補助機能がどのように動作するか（または動作しないか）を理解するために役立つ、Chrome DevTools の新機能について学びます。問題の原因を特定して修正する方法をご確認ください。

ユーザー補助機能の基本と、ユーザー補助機能のテスト方法について説明します。プロダクトインクルージョンの範囲を拡大し、これまで過小評価されてきた人々のニーズにより的確に応える方法をご確認ください。

Chrome ブラウザとオペレーティングシステムには、拡大、キーボードナビゲーション、画面読み上げなどのユーザー補助機能が用意されています。設定をカスタマイズして、ユーザー補助の利便性と利便性を高める方法をご覧ください。

ウェブや Chromebook での作業中に使用できる、新規および既存のユーザー補助機能をご紹介します。