ホームページ >ウェブフロントエンド >CSSチュートリアル >Ash Devtols Pro
AX™DevToolsについて有用で重要だと思ういくつかのことを見せて、できるだけ少ない単語を使用しようとします。
他の拡張機能と同様に、拡張機能ディレクトリからインストールします。
右側にあるかもしれません。 [要素]タブでクリックしてドラッグするのが好きです。
タイトル属性が欠落していたCodepenの
拡張機能自体の情報は、問題を修正するのに非常に役立ちますが、Deque Universityをクリックして、問題について非常に明確で詳細な情報、それが誰に影響するか、それを修正する方法を取得することもできます。上記で見つけた問題について:
スクリーンリーダーユーザーには、ページ上のすべてのフレームのタイトルのリストをプルするオプションがあります。説明的で一意のタイトルを追加することで、ユーザーは必要なフレームをすばやく見つけることができます。タイトルが存在しない場合、フレームをナビゲートすることはすぐに難しくなり、混乱を招く可能性があります。
コードの静的スキャンがキャッチできない多くのアクセシビリティの問題があります。たとえば、あなたのサイトにはモーダルがありますか?その場合、テストするにはステップバイステップテストが必要です。どのボタンがそれを開きますか(そこにフォーカスを返す必要があるため)?モーダルを開いたら見つけることができますか?焦点を合わせますか?それは閉鎖されますか?これらは、あなた自身で覚えにくい重要な問題であり、静的にテストすることが不可能です。しかし、あなたは運が良ければ、インテリジェントなガイド付きテスト(Axe devtools Proにアップグレードすることで得られる)は、各ステップを踏んでいるため、問題を簡単に抑えます。
コードで構文エラーをコミットしません。フォーマットされたコードが不十分であることはありません。アクセシビリティのバグもコミットしないでください。 axed devtoolsを開いて、新しいコミットを押し上げる前にxをきれいにします。
友達はアクセスできないコードを友達に出荷させません。
14日間の無料トライアルをご覧ください以上がAsh Devtols Proの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。