「component」の検索結果

高精細ディスプレイで画像がぼやける原因を点検し、2倍・3倍画像の用意やHTML・CSSの指定、配信設定、読み込み方法まで確認するスキル。

• 高精細画面の画像ぼけを調べたいとき
• 画像のsrcsetを見直したいとき
• CSS背景画像を高精細対応したいとき

Web画面の文章や操作説明を点検し、専門用語や複雑な文を分かりやすく整えるスキル。読者に合う言葉と文の長さを選び、次に取る行動が伝わる表現へ改善します。

• Web画面の説明を平易にしたいとき
• 一般読者向けに専門用語を説明
• 画面の文章のアクセシビリティ確認

JavaScriptが使えない環境でもページの重要な内容を読めるように、初期HTMLとnoscriptの代替表示を点検し、必要な修正を案内するスキル。

• JavaScript無効時の表示確認
• JavaScript依存機能の代替表示
• 初期HTMLの重要コンテンツの点検

HTMLの `<object>` 要素を点検し、埋め込み内容を読み込めない場合にも情報が伝わる代替テキストや代替コンテンツを整えるスキル。

• 代替内容のないobject要素の確認
• 埋め込みの読み込み失敗に備えたいとき
• 代替内容が同等の情報を伝えるか点検

フォームへの貼り付けを妨げるコードを見つけて修正し、パスワード管理ツールの利用や長い文字列の入力を支えるアクセシビリティを確認するスキル。

• パスワードを貼り付けられない原因調査
• カード入力欄の貼り付け制限の確認
• フォームのアクセシビリティ改善

画面幅や解像度に合う画像を配信できるよう、srcsetとsizesを点検します。HTMLとCSSの表示幅を照合し、スマートフォンへの過大な画像配信を見直すスキルです。

• 記事画像のレスポンシブ対応確認
• スマホへの過大な画像配信の見直し
• カードやギャラリーの画像サイズ点検

動きを減らす端末設定にサイトが対応しているかを確認し、アニメーションや点滅、スクロール演出の代替表示、一時停止操作、事前の警告を点検するスキル。

• 動きを減らす設定への対応確認
• 点滅の頻度を点検したいとき
• スクロール演出の代替表示を検討

Web画面をキーボードだけで操作できるか点検し、Tabの移動順や非表示要素への移動、操作から抜け出せない問題を確認します。該当要素と修正・検証方法を示します。

• Tabで全操作要素に届くか確認
• 見た目に合うフォーカス順への修正
• 非表示要素をTabの移動対象から除外

ボタンやリンクの表示文字と支援技術が使う名前を照合し、音声操作で見たとおりの名前を指定できるよう、ARIA属性の修正と確認方法を案内するスキル。

• ボタンの表示文字と名前を照合したいとき
• 音声操作しにくいリンクの点検
• アクセシビリティツールで修正を確認

ページの主要コンテンツを示すmain領域が一つだけあるかを確認し、重複や欠落を指摘して、スクリーンリーダー利用時の移動先を明確にするスキル。

• ページひな型のmain領域を確認
• 組み合わせたレイアウトのmain重複を修正
• スクリーンリーダーで本文への移動を確認

CSSの余白や罫線、配置指定を点検し、左右などの固定方向から文字の流れに沿う論理プロパティへ置き換えて、右から左の言語や縦書きに対応するスキル。

• アラビア語やヘブライ語に対応したいとき
• CSSの左右固定の余白指定の置き換え
• 縦書きレイアウトの確認

JavaScriptの手書きループを点検し、配列やオブジェクトの標準メソッドに置き換えて、データの変換・抽出・集計の意図が伝わるコードに整えるスキル。

• 手書きループを整理したいとき
• データの変換・抽出・集計の明確化
• オブジェクト変換や深いコピーの見直し

HTMLの箇条書きや番号付きリストの親子構造を点検し、不適切な要素や入れ子を修正して、スクリーンリーダーが項目数や現在位置を正しく伝えられるようにするスキル。

• HTMLのリスト構造を点検したいとき
• 入れ子のリストを修正したいとき
• 読み上げ時の案内を確認したいとき

HTMLの自動転送設定を点検し、突然のページ更新や移動による読み上げの中断を防ぐ修正を提案します。サーバー側の転送や利用者が選べるリンクへの置き換えを扱います。

• HTMLの自動転送を探したいとき
• サーバー側の転送に置き換えたいとき
• 読み上げ利用時のページ移動の点検

API応答や保存データを読み込むJavaScriptのJSON処理を点検し、不正な入力への例外処理と、読み取り後のデータ構造の検証を追加するスキル。

• API応答のJSON処理を点検したいとき
• localStorageの壊れたデータへの対処
• プロパティ参照前のデータ構造の検証

ページの主要領域を示すHTML要素とラベルを点検し、スクリーンリーダーで本文やナビゲーションへ移動しやすい構造への改善を支援するスキル。

• 読み上げ時のページ内移動の点検
• 汎用コンテナを意味のあるHTMLへ改善
• 複数のナビゲーションのラベル確認

海外向けサイトの画像やアイコンを点検し、文化によって意味が変わる表現を見直すスキル。地域に偏りにくい素材への置換や、地域別の画像切り替えを扱います。

• 海外展開前の画像レビュー
• ジェスチャーや文化的記号の確認
• 言語・地域別に画像を変えたいとき

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

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

HTMLに直接書かれたJavaScriptを点検し、外部ファイルとaddEventListenerへ整理して、保守性やキャッシュ利用の改善を支援します。

• HTML内のJavaScriptを分離したいとき
• onclickをaddEventListenerに変更
• キャッシュ利用と保守性の見直し

JavaScriptの構文ミスや規約違反をESLintで検出し、ルール設定からエディター・CI/CDへの組み込み、警告の修正まで支援します。

• JavaScriptにESLintを導入したいとき
• チームのコーディング規約を統一したいとき
• エディターやCI/CDで自動チェック

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

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

フォームの入力エラーや必須項目が支援技術にも伝わるかを点検し、説明文と入力欄の関連付け、エラー状態、選択肢のグループ化を改善するスキル。

• 読み上げでも伝わる入力エラーにしたいとき
• 必須項目と選択肢グループの点検
• Reactフォームの入力検証レビュー

フォームの入力欄とラベルの対応を点検し、プレースホルダーだけの項目や選択肢グループの見出し不足を見つけて、読み上げや操作に配慮した修正を支援します。

• 申し込みフォームのラベル点検
• プレースホルダーだけの項目を直したいとき
• チェックボックスやラジオボタンの群を点検

本番配信するJavaScriptの軽量化状況を点検し、ビルド設定や未使用コードの除去を見直して、ファイル容量と読み込み時の負荷を減らすスキル。

• 本番JavaScriptの軽量化確認
• 配信ファイルを小さくしたいとき
• 未使用コードの除去