トレーニング
モジュール
Web アクセシビリティの基本についての説明 - Training
このモジュールでは、アクセシビリティのトピックに関するさまざまな概念と、それを Web 開発時に Web アプリケーションに追加する方法について説明します。 HTML タグを適切に使用して情報を記述することの重要性と、サイトに対して行えるさまざまな機能強化について説明します。
このブラウザーはサポートされなくなりました。
Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
[Edge DevTools: ブラウザー] タブの下部にある [デバイス エミュレーション] ツール バーを使用すると、さまざまな環境をシミュレートできます。
ここに示す UI を再現するには、「 開く DevTools と DevTools ブラウザーで HTML ファイルを右クリックしてDevTools を開く」を参照してください。
関連項目:
[ デバイスのエミュレート ] ドロップダウン メニューで、さまざまなデバイスから選択するか、[ レスポンシブ] の既定のオプションを選択できます。 デバイスを選択すると、ビューポートのサイズが正しい測定値に変更され、タッチ インターフェイスがシミュレートされます。 たとえば、いくつかのエミュレートされた iPhone レイアウトがあります。
ビューポートの寸法を変更するには、[ 幅 ] と [ 高さ のドロップダウン メニューをクリックします。
[ 回転 ] ボタン (クリックして、ビューポートを縦向きと横向きの間で回転させます。
[CSS メディア機能のエミュレート] ボタン () を使用して、次の手順を実行します。
[ 視覚不備のエミュレート ] (障害のエミュレート] ボタン) ボタンをクリックして、さまざまな視覚的欠陥がある現在の Web ページのユーザー エクスペリエンスをテストします。 このボタンを使用すると、ぼやけたモードで、または異なる色の欠陥で製品をテストできます。
トレーニング
モジュール
Web アクセシビリティの基本についての説明 - Training
このモジュールでは、アクセシビリティのトピックに関するさまざまな概念と、それを Web 開発時に Web アプリケーションに追加する方法について説明します。 HTML タグを適切に使用して情報を記述することの重要性と、サイトに対して行えるさまざまな機能強化について説明します。