サイト診断でサイト内の問題を確認する

サイト診断は、公開サイトで不具合の原因になる設定を検知して一覧で表示する機能です。HTML構造、リンク先設定、画像の代替テキストの3つの観点で、サイト全体を確認できます。

一覧の指摘をクリックすると該当する要素へ移動でき、対処方法もその場で確認できます。

サイト診断では、デザインエディタ上では気づきにくい次の3種類の問題を検知します。

これらの問題は、スクリーンリーダーや検索エンジンがページの内容を正しく読み取れない原因にもなります。

各項目の内容と対処方法は、サイト診断で検知される項目と対処方法を参照してください。

サイト診断は、デザインエディタの左パネルから開きます。

一覧には、ページごとにまとめられた指摘が表示されます。必要に応じてページやブレイクポイントを切り替えて確認します。

サイト診断は、ブレイクポイント（デフォルト／タブレット／モバイルなど）ごとに別々に診断を行います。

注意： 一覧には、選択中のブレイクポイントの指摘だけが表示されます。ブレイクポイントごとに要素の表示・非表示が異なると、指摘の内容も変わります。公開前には、すべてのブレイクポイントで一覧を確認してください。

一覧の指摘をクリックすると、該当する要素がスクリーン上で選択されます。

別のページやコンポーネント内の要素も、同じ操作で選択できます。表示中のページは自動で切り替わります。

各指摘には、問題の内容と対処方法の候補が表示されます。

修正後は、自動で再診断して解消を確認し、問題が解消されると一覧から指摘が消えます。

診断中も、デザインエディタでの編集は続けられます。