「one」の検索結果

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

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

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

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

CSSに散らばる色・余白・文字サイズの指定を見つけ、共通のCSSカスタムプロパティへ整理します。テーマ変更や画面幅ごとの表示を確認しながら修正を提案します。

• 重複する色や余白の整理
• ブランド変更に向けたCSS整備
• ダークモード用の値の見直し

CSSの上書き競合を点検し、`@layer`でスタイルの優先順を明示する構成へ整理して、複雑なセレクターや`!important`への依存を見直すスキル。

• CSSの上書き競合を調べたいとき
• デザインシステムのスタイル優先順を設計
• ユーティリティ中心のCSSから段階的に移行

Webページの文字や入力欄の枠、アイコンなどの色のコントラストを点検し、操作中の状態も含めてWCAGの基準を満たす配色への修正を支援するスキル。

• 文字と背景の配色を点検したいとき
• 入力欄の枠やアイコンの視認性確認
• ホバーやフォーカス時の色の確認

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

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

補足説明を表示するツールチップを、キーボードや画面読み上げでも使えるよう点検し、HTML属性、表示・終了操作、コントラストを見直すスキル。

• ツールチップのキーボード操作の点検
• 補足説明の読み上げを確認したいとき
• 表示操作とEscapeキー終了の点検

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

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

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

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

画面の状態やラベルを支援技術へ伝えるARIA属性の値を点検し、真偽値の誤記や参照先IDの不備を見つけ、仕様に沿った修正と確認方法を示すスキル。

• 操作部品のARIA属性を点検したいとき
• ARIA属性の参照先IDを確認したいとき
• 公開前にアクセシビリティ修正を確認

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

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

画面要素の役割を支援技術に伝えるARIAの指定を点検し、誤記や未定義の値を修正します。標準HTMLへの置き換えや、キー操作・読み上げの確認も支援します。

• ARIAの誤記や未定義値を探したいとき
• 独自部品を標準HTMLへ置き換え
• 共通UI部品のアクセシビリティ確認

読み上げ対象から隠した領域に、キーボードで移動できるリンクやボタンが残っていないか調べ、フォーカスの迷子を防ぐ修正と検証方法を示すスキル。

• 非表示領域に残る操作要素の点検
• キー操作中に読み上げが途切れる原因調査
• 共通UI部品のアクセシビリティ確認

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

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

画面の要素に設定した役割とARIA属性の組み合わせを点検し、スクリーンリーダーが意味を正しく受け取れるよう、未対応の属性の削除や修正を案内するスキル。

• 共通部品のARIA属性の点検
• デザインシステムのアクセシビリティ確認
• 意図と違う読み上げを調べたいとき

ダイアログの目的がスクリーンリーダーで伝わるかを点検し、タイトルやラベルの付け方を見直します。対象の要素と修正後の確認方法も示すスキル。

• モーダルの読み上げ名の点検
• 警告ダイアログのラベル確認
• 共通ダイアログ部品のレビュー

画面部品の役割を示すARIAロールに必要な属性がそろっているか点検します。実際のHTMLと操作時の状態を確認し、読み上げに必要な情報の不足を修正します。

• 独自スライダーの必須属性の点検
• 共通UI部品のアクセシビリティレビュー
• 読み上げに伝わる状態情報の確認

画面のHTMLを確認し、role="text"の内側にあるリンクやボタンを検出。読み上げで操作要素が隠れる問題の修正と、キーボード操作の確認を支援します。

• テキスト内のリンクやボタンの点検
• 読み上げで操作要素が消える原因調査
• デザインシステムのアクセシビリティ確認

折りたたみ式のアコーディオンをキーボードや読み上げで利用できるよう、ボタンと開閉状態の属性、見出し構造、実際に出力されたHTMLを点検・修正するスキル。

• 折りたたみ部分のキーボード操作確認
• 読み上げで開閉状態を伝えたいとき
• 共通のアコーディオン部品の見直し

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

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

OpenSpecで実装前に必要な提案・仕様・設計・タスクなどの文書を、既存コードや依存関係に沿ってまとめて作成し、実装を始められる状態に整えるスキル。

• 新機能の計画文書をまとめて作りたいとき
• 変更内容を実装タスクに整理したいとき
• 前提となる文書の不足を埋めたいとき

コンパイル済みプログラムの構造や動作を読み解く方法を、実習とクイズで一課ずつ学ぶスキル。解析結果の根拠を確かめ、理解度と進捗を記録して学習を続けます。

• 自作プログラムの解析を学びたいとき
• バイナリ形式や機械語を学びたいとき
• 解析の主張を実際の出力で確かめたいとき

Agent Skillsの作成から発見・呼び出し・権限・評価・移植までを、実習とクイズで一回一課ずつ学びます。確認した証拠と進捗をファイルに残し、続きから再開します。

• 最小のスキルの作成と呼び出しの学習
• スキルの発見と自動選択の理解
• 権限・サンドボックス・信頼境界の確認

AI開発の実践課題を一段階ずつ進め、予測・実装・採点・振り返りを通じて学ぶスキル。完成コードに頼らず、ヒントを受けながら自分で書き、進捗を記録します。

• 実践課題でAI開発を学びたいとき
• 中断したプロジェクトを再開したいとき
• ヒントで実装ミスを解きたいとき