「render」の検索結果

ページ全体がスクリーンリーダーから隠れる原因となるbodyのaria-hiddenを点検し、モーダル表示時などの誤設定を特定して修正を支援するスキル。

• モーダル表示時の読み上げを確認したいとき
• ページが読み上げられない原因の調査
• 状態変化に伴うbody属性の点検

チェックボックスやラジオボタン、スイッチの読み上げ用の名前を点検し、何を選択・切り替える操作かが伝わるラベルの付け方と確認方法を示すスキル。

• チェックボックスやラジオのラベル確認
• スイッチ名が目的を伝えるかの点検
• 読み上げ用の名前の不足や曖昧さの修正

表の見出しやセルの対応関係を点検し、読み上げでもデータの意味が伝わるHTMLへ整えるスキル。単純な表から結合セルのある複雑な表まで確認します。

• 表の読み上げ対応を確認したいとき
• 結合セルと見出しの関係を見直すとき
• デザインシステムの表のレビュー

進捗バーに何の処理を示すか分かる名前があるかを点検し、ラベルや値の属性を整えて、スクリーンリーダーでも進行状況の意味を把握できるようにするスキル。

• 進捗バーの読み上げ用の名前の点検
• 読み込み表示への処理名の追加
• 進捗の現在値と範囲の確認

ページ内リンクのスクロールを点検し、動きを減らす設定に応じた即時移動と、キーボード操作時のフォーカス移動を確認して、修正方法を示します。

• ページ内ナビゲーションの点検
• 動きを減らす設定でのスクロール確認
• アンカー移動後のフォーカスを直したいとき

ツールチップの補足情報がスクリーンリーダーに伝わるかを点検。読み上げ用の名前や表示元の要素との関連付けを確認し、修正案と検証方法を示すスキル。

• ツールチップの読み上げ確認
• 表示元と補足説明の関連付けの点検
• 共通ツールチップ部品のレビュー

ボタンやリンクなどに、操作内容や移動先が伝わる名前が付いているかを点検します。表示テキストやaria-labelの不足を指摘し、具体的な修正案を示します。

• 名前のないボタンやリンクの検出
• 曖昧なラベルの見直し
• 共通部品の操作名のレビュー

ボタンやリンクの操作目的が読み上げで伝わるかを点検し、ARIAの役割を持つ要素のラベル不足を特定して、修正方法とブラウザでの確認手順を示します。

• ボタンやリンクのラベルを点検したいとき
• デザインシステムのアクセシビリティ点検
• ラベル修正後の読み上げ確認

メニュー項目やタブなどに付けたARIAロールが、必要な親ロールに収まっているかを点検します。読み上げ時のグループ認識や操作に関わる問題を調べ、修正案を示します。

• メニュー項目の親ロールを確認したいとき
• タブやリストの構造点検
• デザインシステムの部品レビュー

ページ内の大きなアニメーションGIFを調べ、計測で負荷を確認したうえでMP4やWebMへの変換と動画タグへの置き換えを支援するスキル。

• GIFを含むページの遅さを調べたいとき
• 大きなGIFをMP4やWebMに変えたいとき
• ループ動画の再生属性を見直したいとき

HTMLに含まれるARIA属性の誤字や存在しない属性名を調べ、仕様に沿った名前への修正を支援します。支援技術に役割や状態が伝わるか、確認方法も案内します。

• HTMLのARIA属性の誤字点検
• 読み上げに状態が反映されない原因調査
• 共通部品のアクセシビリティ属性の確認

記事の長さや内容に応じて内部リンクと外部リンクの量・関連性を見直し、関連記事への導線や事実を裏付ける参照先を整える作業を支援するスキル。

• 記事内のリンク量を見直したいとき
• 関連記事への内部リンク追加
• 事実やデータを裏付ける出典の追加

非推奨のARIAロールやHTMLで使うべきでない抽象ロールを探し、推奨されるロールや標準のHTML要素への置き換えを検討するレビュー用スキルです。

• 既存コードの非推奨ロール検出
• 標準HTMLへの置き換え検討
• 共通UI部品のロール指定の点検

画像の意味やリンク先が読み上げでも伝わるよう、alt属性の欠落や曖昧な文言を点検し、装飾画像・文字画像・図表に応じた代替テキストへ整えます。

• 画像のalt欠落や曖昧な説明を探したいとき
• 装飾画像と情報を伝える画像の区別
• リンク付き画像のリンク先を説明

バッテリー残量や容量などのメーター表示を点検し、スクリーンリーダーで数値が何を表すか伝わるよう、読み上げ用の名前を確認・追加するスキル。

• 残量や容量メーターのラベル確認
• メーターに読み上げ用の名前を付けたいとき
• 共通UI部品のメーター点検

検索結果に表示させない指定のあるページを調べ、重要な商品・記事が誤って除外されていないか、実際のHTMLとHTTP応答を基に確認するスキル。

• 重要ページの検索除外を確認したいとき
• 管理画面や補助ページの除外設定点検
• noindexとdisallowの使い分け

動画の動作・表情・画面内テキストなど、音声だけでは伝わらない情報を点検し、視覚障害のある利用者に向けた音声解説の追加方法や実装の確認点を整理するスキル。

• 商品デモで音声から伝わらない情報の確認
• 動作や画面内テキストの音声解説の検討
• 動画解説のHTMLと操作を点検したいとき

ターミナル内で操作する画面をOpenTUIで作るスキル。基本API・React・Solidから実装方法を選び、部品配置、入力処理、アニメーション、テストを支援します。

• ReactやSolidでTUIを作りたいとき
• 入力フォームや選択メニューの実装
• 端末サイズに応じた画面配置

ログイン済みのブラウザでフォーム入力やクリック、画面撮影を行い、Webサイトの操作や動作確認を進めます。用途に応じて専用ブラウザでの通信記録にも対応します。

• ログイン済みサイトでフォーム入力
• Web画面の撮影と動作確認
• 専用ブラウザでの通信記録

Word文書やテンプレートの作成・編集、内容の抽出を行うスキル。画像の差し替え、変更履歴やコメントの操作に加え、出力後の見た目や文書構造も確認します。

• 体裁を整えたWord報告書の作成
• Word本文の抽出と再構成
• 変更履歴とコメントによるレビュー

予定、メール、チャットから一日の流れと対応が必要な事項を集め、見渡しやすいHTMLの朝のブリーフにまとめます。平日の定期実行も設定できます。

• 今日の予定を視覚的に把握したいとき
• 今日対応すべき未返信の依頼の確認
• 明日の会議に向けた具体的な準備

音楽の拍や盛り上がりを解析し、文字や画像・動画の動きを合わせた映像を作るスキルです。追加素材がなくても構成でき、計画と映像の確認を経てMP4に仕上げます。

• 音楽に合わせた宣伝映像を作りたいとき
• 曲と写真からスライドショーを作るとき
• 動く文字だけで音楽映像を作りたいとき

2Dキャラクターをパーツに分け、回転の中心や重なり順、動ける範囲をデータで設計するスキル。ローカルアニメーション向けに再利用できる動作の仕組みを整えます。

• 2Dキャラクターを動かす準備
• 関節の回転中心と可動範囲の設計
• 口や目、持ち物をパーツ分け

HyperFramesのアニメーションを、小さな動きのルールやシーンのひな型から組み立てるスキル。場面転換、描画技術の選択、作成後の動きの点検まで扱います。

• 動きのレシピを組み合わせたいとき
• ブランド登場演出をひな型から作りたいとき
• シーン間の場面転換の設計