David Dias

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

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

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

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

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

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

記事やブログの著者名・肩書き・プロフィールへのリンクを点検し、実際のページ表示やHTMLを基に、誰が書いた内容か伝わる著者欄へ整えるスキル。

• ブログの著者情報を点検したいとき
• 著者名・肩書き・紹介リンクの追加
• 生成されたHTMLの著者情報レビュー

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

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

フォームへの自動フォーカスを点検し、読み込み直後に説明文を飛ばして入力欄へ移る動作を見直します。利用者の操作を起点にフォーカスを移す修正も提案します。

• 説明文のあるフォームの点検
• 読み込み時の意図しないスクロール調査
• 利用者の操作後にフォーカスを移したいとき

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

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

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

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

Webサイトの画像を点検し、圧縮効率の高いAVIF形式の導入を支援します。画像サイズや読み込み方も確認し、非対応ブラウザ向けにWebPやJPEGを用意する構成を検討します。

• サイトの写真にAVIFを導入したいとき
• 非対応ブラウザ向けのWebP・JPEG配信
• 初期画面の画像サイズや読み込み方の点検

記事の著者紹介に経験・資格・専門プロフィールへのリンクがあるかを確認し、表示後のHTMLや構造化データも含めてSEO上の改善箇所を示すスキル。

• 記事の著者紹介を点検したいとき
• 資格や専門プロフィールの記載改善
• HTMLや構造化データの著者情報監査

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

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

フォームの結果やカート更新など、画面内で変わる情報が読み上げ利用者に伝わるかを点検し、ARIAライブリージョンの属性と通知の優先度を見直すスキル。

• フォーム結果とエラーの読み上げ点検
• カート更新を読み上げで伝えたいとき
• 読み込み状態や状況通知の点検

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

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

画面や共通部品のアクセシビリティを自動テストで確認し、テスト不足の指摘やCIへの組み込みを通じて、構造・属性の問題と変更による不具合を見つけるスキル。

• 共通部品の検査範囲の見直し
• 画面操作テストへの検査追加
• CIでのアクセシビリティ検査

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

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

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

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

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

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

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

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

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

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

ブラウザの「戻る・進む」でページをメモリから復元する仕組みを点検し、復元を妨げるイベント処理や、復元後に古い情報が残る原因の修正を支援します。

• 戻る・進む操作が遅い原因の調査
• キャッシュ復元を妨げる処理の確認
• 復元後に古い情報が残る不具合の修正

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

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

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

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

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

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

「こちら」「続きを読む」などのリンク文言を点検し、リンク先の内容が伝わる表現へ見直して、SEOと読み上げ時の分かりやすさを支援するスキル。

• 曖昧なリンク文言を直したいとき
• 読み上げ利用者向けにリンクを点検
• 内部リンクのキーワード過多を確認