「then」の検索結果

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

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

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

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

用語と説明を表すHTMLの構造を点検し、単独で使われているdt・ddをdlにまとめる修正を支援します。読み上げ支援で両者の関係を伝えるための確認も扱います。

• 用語集のHTML構造の点検
• 項目名と値を並べる表示のレビュー
• dlに囲まれていないdt・ddの修正

Webページで重複して読み込まれるJavaScriptライブラリを調べ、実測で影響を確かめながら、依存関係の統一や不要な読み込みの削除を進めるスキル。

• ページ表示の遅さを調べたいとき
• 依存ライブラリの重複調査
• 外部スクリプトの依存関係確認

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

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

固定ヘッダーやバナーがキーボード操作中の選択先を隠していないか点検します。拡大表示やモバイル画面も確認し、余白やスクロールの修正を支援します。

• 固定ヘッダー周辺のキー操作確認
• バナーやチャット表示中の動作確認
• 拡大時やモバイル画面の重なり確認

ページの主要画像や重要なフォント・CSSの読み込み優先度を点検し、fetchpriority属性で表示に必要なリソースの取得順を調整するスキル。

• 主要画像の表示速度を改善したいとき
• 画面外の画像との読み込み競合の見直し
• フォントやCSSの先読み優先度の確認

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

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

用語と説明を並べるHTMLの定義リストを点検し、要素の入れ子や対応関係の問題を確認。読み上げソフトに情報のまとまりが伝わる構造への修正を支援します。

• 用語集のHTML構造を確認したいとき
• 用語と説明の対応関係の点検
• 読み上げで分かりにくい定義リストの修正

医療・金融・法律・安全に関する記事の免責文と、アフィリエイトの広告開示を点検し、内容に合った文案や読者が見つけやすい配置を提案するスキル。

• 医療・金融記事の免責文を見直したいとき
• アフィリエイトの広告開示の確認
• 免責文の見やすさや配置の改善

画像と説明文のHTML構造を点検し、figureとfigcaptionで正しく関連付けます。代替テキストとの重複も確認し、読み上げ時に意味が伝わる形へ整えます。

• 説明文付き画像のHTMLを点検したいとき
• 画像説明と代替テキストの重複確認
• 読み上げ時の画像説明を改善したいとき

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

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

CSSを無効にしても内容を理解し操作できるか、HTMLの読み順や見出し、フォームのラベルを点検し、見た目に依存した構造の修正を支援するスキル。

• CSS無効時の使いやすさの確認
• 読み順や見出し構造の見直し
• フォームのラベルやエラー表示の点検

WebサイトのCSP設定とHTMLの挿入処理を点検し、読み込めるリソースの制限や安全な表示処理を整え、本番に近い環境でブラウザの挙動まで検証するスキル。

• 既存のCSP設定を点検したいとき
• スクリプトや外部リソースを制限したいとき
• 信頼できないHTMLの表示処理の確認

CSSファイルの容量と読み込みを調べ、表示の遅さにつながる箇所を測定で確認しながら、不要なスタイルの削除や圧縮、ページ別の分割を進めるスキル。

• ページの初期表示が遅い原因の調査
• 容量の大きいCSSを探したいとき
• 未使用スタイルの削除とCSSの圧縮

表示されない画像や失敗しやすい参照先を調べ、ファイルパスの修正と代替画像への切り替えを支援し、読み込みエラー時の表示まで確認するスキル。

• 商品画像が欠ける原因を調べたいとき
• ビルド後の画像パス確認
• 外部画像に代替表示を付けたいとき

価格・数値・日時の表示を点検し、言語や地域に合ったIntl APIの使い方へ修正します。通貨記号や区切り文字の固定記述に加え、並べ替えや代替ロケールも確認します。

• 多地域向けの価格表示を整えたいとき
• 数値・日時の手作業整形を置き換える
• 言語に応じた並べ替えの確認

ページの初期表示を遅らせるリソース取得の依存関係を計測し、重要なCSSの埋め込みや必須ファイルの先読みで、通信の待ちが連鎖する構造を見直すスキル。

• ページの初期表示が遅いとき
• リソース取得の依存関係の点検
• 重要CSSの埋め込みや先読みの検討

購入や登録など複数ページにまたがる操作で、チャットや連絡先、FAQへの入口の位置と並び順を比較し、ヘルプを一貫して探せる配置への修正を支援します。

• 購入手続きのヘルプ配置の点検
• 登録手順のサポートリンクの統一
• アカウント復旧時のヘルプ導線確認

再訪時の不要なダウンロードを減らすため、ブラウザのキャッシュ設定を点検します。静的ファイルとHTMLの違いに応じて、保存期間や再検証用ヘッダーの修正を検討します。

• 再訪時の読み込み遅延を調べたいとき
• 静的ファイルのキャッシュ設定確認
• HTMLとハッシュ付き資産の方針整理

独立した画面部品のCSSを点検し、レイアウト再計算や再描画の範囲を抑える設定を提案します。画面幅や操作状態ごとの表示も確認し、適用箇所を見極めます。

• 独立した部品が多いページの見直し
• 画面外の一覧項目の描画を省きたいとき
• 画面幅ごとの表示を確認したいとき

ページに表示されるパンくずリストと構造化データの一致を点検し、サイトの階層を検索エンジンへ伝えるBreadcrumbListの実装・修正を支援するスキル。

• パンくずの構造化データを点検したいとき
• 表示中のパンくずにJSON-LDを追加
• テンプレート変更後の階層情報の見直し

本番配信するCSSの空白やコメントを削ってファイルを小さくするために、圧縮の適用状況やビルド設定を点検し、画面幅ごとの表示も確認するスキル。

• 本番CSSの圧縮状況の確認
• ビルド工程に圧縮を追加したいとき
• PostCSSの出力を見直したいとき

ブラウザーに届くHTMLの文字コード宣言を点検し、UTF-8の指定漏れや配置の問題を見つけ、日本語や特殊文字の文字化けを防ぐために修正するスキル。

• 日本語や特殊文字の文字化け調査
• 公開前の文字コード宣言の確認
• 共通テンプレートのHTML出力点検