スキルを探す

存在しないページに訪れた人を検索や主要ページへ案内する、独自の404ページを作成・点検するスキル。表示内容に加え、HTTPステータスの正しさも確認します。

• 独自の404ページを作りたいとき
• リンク切れ時の検索・案内の整備
• 存在しないページの200応答の確認

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

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

フォームの入力欄に読み上げ用の名前があるかを点検し、ラベルの紐付けやARIA属性の修正を通じて、画面読み上げ・音声操作で用途が伝わる入力欄に整えるスキル。

• フォームのラベル漏れを探したいとき
• 入力例だけに頼る入力欄の修正
• 独自フォーム部品の名前の確認

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

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

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

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

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

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

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

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

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

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

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

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

アフィリエイトやスポンサー付きリンクの前に、提携関係を伝える表示があるかを点検します。実際のHTMLやHTTP応答も確認し、表示位置や文面の修正を支援します。

• アフィリエイト表示を点検したいとき
• スポンサー表記を統一したいとき
• 実際のページ表示を確認したいとき

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

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

JavaScriptで文字列をコードとして実行する処理を探し、安全な代替方法を提案するスキル。eval()や文字列指定のタイマーを点検し、用途に応じた置き換えを支援します。

• eval()などの文字列実行を探したいとき
• JSON解析のeval()を置き換え
• 文字列指定のタイマーを関数参照に変更

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

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

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

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

CSSアニメーションで描画負荷のかかる指定を見つけ、transformやopacityを使う修正を提案します。画面幅や操作状態ごとの表示、動きを減らす設定も確認します。

• カクつくアニメーションの見直し
• 位置やサイズを動かす指定の修正
• 動きを減らす設定の確認

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

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

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

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

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

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

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

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

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

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

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

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

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

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

記事やページの著者情報を検索エンジンに伝える構造化データを点検し、名前や外部プロフィールの設定、本文との関連付けを公開ページの出力まで確認するスキル。

• 記事ページの著者情報を点検したいとき
• 著者の外部プロフィールとの関連付け
• テンプレートの著者マークアップ確認

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

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