David Dias

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

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

AI生成の記事を正確さ・独自性・語り口から点検し、独自の調査や体験を反映する書き直しを支援します。公開ページのHTMLやメタデータなども確認します。

• AI生成記事の事実確認
• 独自の調査や体験の反映
• ブランドに合う語り口への調整

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

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

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

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

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

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

広告ブロッカーで止まるリンクや外部リソースをHTMLとJavaScriptから点検し、遷移の不具合や読み込み失敗に対する修正案を示すスキル。

• 広告ブロッカー使用時のリンク不具合調査
• 外部スクリプトや画像の読み込み確認
• 追跡用リダイレクトの見直し

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

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

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

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

ページ内のaccesskey属性の重複を調べ、キーボード操作の競合を見つけます。値の割り当て直しや不要な指定の削除を提案し、修正後の確認方法まで整理します。

• キーボードショートカットの重複確認
• 操作要素へのキーボード移動のレビュー
• ショートカット修正後の操作確認

サイトの目的や運営者を伝える紹介ページを点検・作成し、組織の歴史、使命、専門性、連絡先などの情報が読者に伝わるか、実際のページ出力まで確認するスキル。

• サイトの紹介ページを見直したいとき
• 組織や使命を伝えるページの作成
• ページ出力の運営者情報を確認したいとき

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

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

タブやメニューなどの独自UIで、ARIAの親ロールに必要な子ロールがあるかを点検し、読み上げソフトが項目を認識できるよう構造の修正を支援します。

• 独自タブやメニューの構造点検
• 読み上げで項目が認識されないとき
• divやspan製のリスト・選択欄の確認

Use when implementing provide additional context on hover or focus.

日本語の概要は準備中です。原文の説明を表示しています。

Use when you need to organize and structure site navigation.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing secure password entry with feedback.

日本語の概要は準備中です。原文の説明を表示しています。

Use when you need to search through content efficiently.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing show completion status of an operation.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing password recovery and reset flows.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing navigate through multiple pages of content.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing enter time in a structured format.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing real-time AI response streaming.

日本語の概要は準備中です。原文の説明を表示しています。

Use when you need to display focused content or actions.

日本語の概要は準備中です。原文の説明を表示しています。

Use when you need to organize and structure site navigation.

日本語の概要は準備中です。原文の説明を表示しています。

Use when implementing product display cards for e-commerce.

日本語の概要は準備中です。原文の説明を表示しています。