「then」の検索結果

Webページの見出し階層を点検し、見出しレベルの飛びや構造の不整合を修正して、スクリーンリーダーで内容をたどりやすくするためのスキル。

• ページの見出し順を点検したいとき
• 共通コンポーネントの見出し構造の確認
• 読み上げの見出し一覧を整えたいとき

フォームの入力欄に複数のラベルが結び付いていないかを点検し、読み上げの重複や混乱を防ぐため、ラベルの統合とaria-labelledbyの使い分けを示すスキル。

• 入力欄の重複ラベルを探したいとき
• 複数の文章を入力欄の名前に使いたいとき
• 読み上げによるフォームラベルの確認

JavaScriptのオブジェクトや配列を直接書き換える箇所を探し、コピーを作って更新する形に直すスキル。共有状態の変更を追いやすいコードへ見直します。

• 共有オブジェクトの直接変更の検出
• pushやspliceによる更新の見直し
• クライアント側の状態更新のレビュー

HTMLフォームやJavaScriptの送信先を点検し、HTTP通信による情報漏えいを防ぐために、送信先URLとページのHTTPS設定を見直すスキル。

• ログインフォームの送信先を確認したいとき
• fetchやXHRの接続先を点検したいとき
• action省略フォームの確認

ページの主題を伝えるH1見出しを点検・作成します。欠落や重複、空欄、ブランド名だけの見出しを見つけ、本文やタイトルと整合する具体的な文面に整えます。

• ページの見出しを点検したいとき
• LPやブログ記事のH1作成
• CMSテンプレートの出力確認

ページの読み込みが遅い原因を測定し、HTTP/2・HTTP/3の利用状況を確認します。通信上の問題に応じて、WebサーバーやCDNの設定変更を案内します。

• ページの読み込み遅延の調査
• リソース配信のHTTP方式の確認
• WebサーバーやCDNの設定見直し

Webページの画像を調べ、見た目への影響を抑えた圧縮を進めるスキル。ファイル容量や表示寸法、読み込み方法、配信設定をまとめて確認します。

• 容量の大きいWeb画像を探したいとき
• 写真と図版の圧縮方法の選定
• ビルド時の画像圧縮を自動化したいとき

本文を覆うポップアップやモーダルを点検し、モバイルでの閲覧、閉じる操作、キーボードのフォーカス管理を確認して、SEOとアクセシビリティの改善を支援するスキル。

• モバイルの広告ポップアップ点検
• モーダルをキーボードで閉じたいとき
• ダイアログ開閉時のフォーカス確認

Webページの見出しを点検し、階層の飛びや内容に合わない見出しを洗い出します。画面読み上げでページ構成をたどりやすいよう、HTMLの構造を整えます。

• ページの見出し階層を点検したいとき
• 画面読み上げでの移動しやすさ改善
• デザインシステムの見出し確認

ページの読み込み時に発生するHTTPリクエストを数え、実測で遅延の原因を確認しながら、ファイル統合や重要な資源の埋め込みなどの削減案を示すスキル。

• ページの初期表示が遅い原因の調査
• 画像やCSSなどの不要な通信の確認
• ファイル統合やアイコン集約の検討

フロントエンドのコードや公開ページを386のルールで点検します。アクセシビリティや表示速度、SEOなどを横断し、根拠のある問題と具体的な修正方法を整理します。

• 公開前のページを点検したいとき
• フォームや操作部品のコードレビュー
• 表示速度とセキュリティの点検

Google Tag Managerがページの表示速度に与える影響を実測し、不要なタグやトリガー、読み込み方法を点検して改善案を示すスキル。

• GTM導入ページの遅さを調べたいとき
• 不要なタグやトリガーの見直し
• 非同期読み込みの確認

Webページ内のiframeやframeに内容が伝わるタイトルがあるか点検します。空欄や説明不足を見つけ、スクリーンリーダーで埋め込み内容を識別しやすくする修正を支援します。

• 埋め込み広告やSNSのタイトル確認
• iframeのtitle欠落や空欄を調べたいとき
• スクリーンリーダーでのフレーム識別確認

サイト全体が有効な証明書でHTTPS配信されているかを点検し、HTTPからの転送や内部リンク、読み込む素材のURLを含めた設定の修正を支援します。

• サイト全体のHTTPS対応の点検
• 証明書の期限と対応ホスト名の確認
• HTTPからHTTPSへの恒久転送の確認

画像を使った入力ボタンのHTMLを点検し、操作の目的を伝える代替テキストの不足を見つけます。検索や送信などの動作が読み上げでも分かるよう、alt属性の修正を支援します。

• 画像入力ボタンの代替テキスト点検
• 検索・送信ボタンの説明を整えたいとき
• 共通の画像ボタン部品のレビュー

同じ文言なのに異なるページへ移動するリンクを見つけ、リンク先の統一や文言の修正を支援し、スクリーンリーダーでも行き先を判断しやすくするスキル。

• 同じリンク文言の行き先を点検したいとき
• 読み上げ時のリンク文言の改善
• 共通コンポーネントのリンク確認

画面の文章や操作案内を見直し、障害・性別・文化への思い込みを含む表現や利用者を責めるエラー文を見つけ、中立で建設的な言い換えを提案するスキル。

• 画面文言の排他的な表現の点検
• 利用者を責めるエラー文の書き換え
• 性別を決めつけない表現を選びたいとき

Webページを構成するHTML要素の数や入れ子の深さを測定し、不要な囲み要素の削除や長い一覧の表示方式の見直しを通じて、描画負荷の軽減を支援するスキル。

• ページの描画や操作が遅い原因を調べたいとき
• HTML要素数と入れ子の深さを測りたいとき
• 不要な囲み要素を整理したいとき

記事の事実や統計を裏付ける外部リンクを点検し、公的資料や公式文書などの出典追加と、有料・広告リンクを含むリンク属性の適切な設定を支援するスキル。

• 出典のない事実や統計を探したいとき
• 公的資料や研究への参照を加えたいとき
• 外部リンクの安全性に関わる属性の点検

ページに最初の文字や画像が現れるまでの時間を測り、表示を妨げるCSSやJavaScript、サーバー応答の遅れを調べて、改善箇所を具体化するスキル。

• ページの初期表示が遅い原因を調べたいとき
• 描画を妨げるCSSやJavaScriptの確認
• 測定に基づく読み込み性能のレビュー

HTMLの生の応答を確認し、先頭のHTML5文書型宣言の欠落や古い形式、宣言前の余分な文字を見つけて、標準モードで表示するための修正を支援します。

• 生のHTML応答の文書型宣言を確認
• 古いHTML4やXHTMLの宣言を置換
• 文書型宣言前の余分な文字を除去

Webページの空の見出しや空白だけの見出しを探し、説明文の追加や不要なタグの削除を通じて、スクリーンリーダーでたどれる文書構造を整えるスキル。

• Webページの空見出しを探したいとき
• 装飾目的の見出しを使う部品の点検
• スクリーンリーダーの見出し移動確認

キーボードのTab操作で移る順番が画面の並びと合っているかを点検し、HTMLの要素順やダイアログ開閉時のフォーカス移動の修正を支援するスキル。

• ページのTab移動順の点検
• ダイアログ開閉時のフォーカス確認
• HTMLの要素順とtabindexの見直し

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認