「render」の検索結果

ブラウザに表示されるHTMLを基準に、内部・外部リンクやページ内リンクの不備を点検します。404や意図しない転送を見つけ、修正と継続的な監視の導入を支援します。

• ドキュメントやECサイトのリンク点検
• 共通部品が出力するリンクのレビュー
• CI/CDへのリンク自動チェック導入

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

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

Webページのナビゲーションを点検し、nav要素や識別ラベル、スキップリンクを使って、スクリーンリーダーで目的の領域へ移動しやすい構造に整えるスキル。

• メインとフッターの操作性を見直したいとき
• 複数のナビゲーションを区別したいとき
• 共通部品が出力するHTMLの点検

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

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

モーダルダイアログのキーボード操作と読み上げ対応を点検し、フォーカスの移動、Escapeでの終了、タイトルの関連付けの改善を支援するスキル。

• モーダルのキーボード操作の点検
• 開閉時のフォーカス移動を確認したいとき
• タイトルと読み上げ用ラベルの確認

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

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

JavaScriptライブラリの古いバージョンや既知の脆弱性、容量の重さを点検し、実測した問題を根拠に、安全な更新や軽量な代替への置き換えを検討するスキル。

• 依存ライブラリの脆弱性を調べたいとき
• 読み込みを遅くする原因を調べたいとき
• 軽量な代替ライブラリを検討したいとき

ページのHTMLを調べ、body内などに誤って置かれたメタタグを特定して、headへの移動やスクリプトの挿入先の修正を支援するスキル。

• CMSプラグイン変更後のタグ配置を確認
• JavaScriptによるbody内への挿入を調査
• robotsやOGなどの配置を点検

JavaScriptによるページ転送を調べ、読み込みの遅れを実測で確認します。問題のある箇所を示し、サーバー側の301・302転送への変更を支援します。

• ページ転送による遅延を調べたいとき
• window.locationの転送処理のレビュー
• サーバー側への転送切り替えの検討

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

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

リンク先が単独でも伝わる文言かを点検し、曖昧な表現や読み上げ用の名前を改善します。キーボード操作やダウンロードリンクの案内も確認するスキルです。

• 曖昧なリンク文言を直したいとき
• 読み上げ時のリンクを点検したいとき
• ダウンロードリンクの案内確認

Webサイトの画像形式を点検し、WebP・AVIFへの変換や代替画像の設定を支援します。表示サイズや読み込み方も調べ、具体的な修正箇所を示します。

• JPEG・PNGの変換候補の洗い出し
• WebP・AVIFと代替画像の設定
• CSS背景画像の形式の見直し

画面外の画像・動画・iframeなどの読み込みを必要になるまで遅らせ、初期表示の負荷を抑える実装を支援します。実測と配置を確認し、変更すべき箇所を絞ります。

• ページの初期表示が遅い原因の調査
• 初期画面より下の画像の遅延読み込み
• 画面外の動画や重い部品の読み込み延期

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

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

画像の代替テキストに含まれる「画像」「写真」などの冗長な表現や周辺文章との重複を点検し、スクリーンリーダーで意味が伝わる簡潔な説明へ修正するスキル。

• 画像の代替テキストを点検したいとき
• キャプションとの重複を減らしたいとき
• 修正後の読み上げを確認したいとき

Webサイトの画像配信を点検し、CDNによる形式変換やサイズ調整の設定を支援します。画像容量、表示サイズ、読み込み方法と初期表示への影響を確認します。

• 画像のCDN配信を確認したいとき
• 画像のサイズ調整と形式変換の自動化
• 画像読み込みと初期表示への影響の確認

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

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

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

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

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

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

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

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

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

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

Webページの画像形式・容量・表示サイズ・読み込み方法を点検し、修正を支援します。画面幅に応じた画像の出し分けや、読み込み時のレイアウトずれも扱います。

• 表示が遅いページの画像容量・形式点検
• モバイルとPCで画像サイズを出し分け
• 画像読み込み時の表示ずれを防ぎたいとき

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

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

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

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