「render」の検索結果

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

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

JavaScriptの非同期処理やReact画面で起きるエラーの扱いを点検し、例外の捕捉、原因を追うためのログ、画面側のエラー処理の追加を案内するスキル。

• 非同期処理のエラー対応を点検したいとき
• React画面のエラー処理の追加
• 原因調査に使うログの改善

画像ファイル名を点検し、内容が伝わる小文字・ハイフン区切りの名前へ整理します。変更に伴う参照先の更新も扱い、画像検索と素材管理に役立てます。

• 商品画像の名前を見直したいとき
• 画像ライブラリの命名統一
• 画像の一括改名と参照更新

キーボード操作中の選択位置を示すフォーカス表示を点検し、輪郭線の消失や見切れ、配置ずれを確認して、見やすいCSSへの修正を支援するスキル。

• キーボード操作の選択位置を確認したいとき
• 輪郭線を消したCSSの見直し
• フォーカス枠の見切れや位置ずれの修正

モーダルの開閉や画面遷移で、キーボードの操作対象が適切に移るかを点検するスキル。フォーカスの移動・復帰を見直し、動的な画面で操作位置を見失う問題を改善します。

• モーダル開閉時のフォーカス確認
• SPAの画面遷移後の操作位置確認
• 動的更新時のキーボード操作改善

本文から他のページへ進む内部リンクが少ないページを調べ、関連する記事へのリンクを提案します。共通メニューと本文のリンクを区別し、追加後の表示も確認します。

• 本文の内部リンクが少ないページの調査
• 独立した記事への関連リンク追加
• CMSテンプレートのリンク不足の点検

ファイル選択欄やドラッグ＆ドロップ領域を点検し、ラベル、形式・容量の案内、進捗やエラー通知を改善します。読み上げやキーボードで使えるか確認するスキルです。

• アップロード欄のラベルと説明の確認
• ドラッグ操作の代替手段の点検
• 進捗やエラーの読み上げ改善

GIF・動画・CSSアニメーションの速い点滅を点検し、光に敏感な利用者への影響を考慮して、点滅の除去や速度変更、代替表現への修正を支援するスキル。

• アニメーションGIFの点滅確認
• 動画やCSSアニメーションの点検
• 点滅をフェードや静止表示に変えたいとき

Webサイトのダークモード対応を点検し、OS設定に合わせた配色や手動切り替えを整えます。固定色やコントラスト、画面幅・操作状態ごとの表示も確認します。

• OS設定に配色を合わせたいとき
• 暗い背景で崩れる固定色の点検
• 選択を保存するテーマ切り替えの追加

装飾用の画像やアイコンが、スクリーンリーダーで不要に読み上げられないかを点検します。空のaltやaria-hiddenを確認し、実際に問題がある要素の修正を支援します。

• 装飾画像の不要な読み上げの点検
• SVGやアイコンの読み上げ確認
• 共通の装飾コンポーネントの点検

文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。

• ページ内の空リンクを探したいとき
• アイコンリンクに移動先の説明を追加
• リンク切れを点検・修正したいとき

画像の幅・高さ指定を点検し、読み込み時に周囲の文章やボタンが動く原因を調べます。画像本来の縦横比に沿った属性とCSSの修正案を、変更前後のHTMLで示します。

• 画像読み込み時の表示ずれを調べたいとき
• 幅・高さ属性のない画像の洗い出し
• 画面幅に応じた画像の縦横比の維持

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

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

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

アラビア語など右から左へ読む言語や、文字方向が混在する投稿を点検し、HTMLの方向指定と表示・読み上げ順、画面配置の確認や修正を支援するスキル。

• アラビア語・ヘブライ語ページの点検
• 文字方向が混在する名前や投稿への対応
• ナビゲーションやアイコンの左右反転確認

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

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

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

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

HTMLに直接書かれたCSSや埋め込みスタイルを点検し、例外を見極めて外部ファイルへの整理を支援します。画面幅や操作状態ごとの表示も確認します。

• HTML内のスタイルを点検したいとき
• 埋め込みCSSを外部へ整理したいとき
• 初期表示用CSSや動的な値の例外判断

ブラウザのタブやスマートフォンのホーム画面に使うサイトアイコンを点検し、端末に応じた形式・サイズの生成からHTMLやPWAの設定まで支援するスキル。

• タブやブックマーク用アイコンの準備
• モバイルのホーム画面用アイコン設定
• PWAのアイコン設定を確認したいとき

画像の読み込みに失敗したときの表示を点検し、代替画像や意味のあるプレースホルダーの実装を支援します。エラーログや読み込み中の表示、修正の確認方法も扱います。

• リンク切れ画像の代替表示を整えたいとき
• 画像読み込み中の仮表示の見直し
• ログとDevToolsで画像エラーを調査

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

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

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

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

空のボタンやアイコンだけのボタンを点検し、読み上げで操作内容が伝わる名前を付けます。別ページへ移動する要素はリンクに直すなど、役割も見直します。

• 説明のないボタンを探したいとき
• アイコンボタンの読み上げ名を追加
• 画面移動に適した要素を確認したいとき

パンくずリストのHTML構造と現在地の指定を点検し、サイトの階層を画面読み上げでも理解できるよう、適切な要素とARIA属性を整えるスキル。

• パンくずの読み上げ対応を点検したいとき
• 共通部品が出力するHTMLの確認
• 構造化データと表示内容の整合確認