「access」の検索結果

GIF・動画・CSSアニメーションの速い点滅を点検し、光に敏感な利用者への影響を考慮して、点滅の除去や速度変更、代替表現への修正を支援するスキル。

• アニメーションGIFの点滅確認
• 動画やCSSアニメーションの点検
• 点滅をフェードや静止表示に変えたいとき

画面に表示されたHTMLで、ARIA属性の参照先IDの重複を調べます。ラベルや説明の誤読につながる箇所を特定し、IDと参照の修正、確認方法を案内します。

• 読み上げるラベルの誤りを調べたいとき
• 繰り返し部品のID重複の点検
• デザインシステムのARIA参照確認

モーダルの開閉や画面遷移で、キーボードの操作対象が適切に移るかを点検するスキル。フォーカスの移動・復帰を見直し、動的な画面で操作位置を見失う問題を改善します。

• モーダル開閉時のフォーカス確認
• SPAの画面遷移後の操作位置確認
• 動的更新時のキーボード操作改善

用語と説明を並べるHTMLの定義リストを点検し、要素の入れ子や対応関係の問題を確認。読み上げソフトに情報のまとまりが伝わる構造への修正を支援します。

• 用語集のHTML構造を確認したいとき
• 用語と説明の対応関係の点検
• 読み上げで分かりにくい定義リストの修正

Webページの空の見出しや空白だけの見出しを探し、説明文の追加や不要なタグの削除を通じて、スクリーンリーダーでたどれる文書構造を整えるスキル。

• Webページの空見出しを探したいとき
• 装飾目的の見出しを使う部品の点検
• スクリーンリーダーの見出し移動確認

リンクやボタン、入力欄のID重複を調べ、修正箇所と確認方法を示します。キーボード操作やスクリーンリーダーでの移動、フォーカスへの影響も点検します。

• フォームのID重複を確認したいとき
• 意図しないフォーカス移動の調査
• 共通の操作部品のレビュー

画像と説明文のHTML構造を点検し、figureとfigcaptionで正しく関連付けます。代替テキストとの重複も確認し、読み上げ時に意味が伝わる形へ整えます。

• 説明文付き画像のHTMLを点検したいとき
• 画像説明と代替テキストの重複確認
• 読み上げ時の画像説明を改善したいとき

ブラウザのタブや検索結果に使うファビコンの設定を点検・整備します。HTMLの指定、画像の形式とサイズ、HTTPSでの取得やクロール制限まで確認します。

• 既存サイトのファビコン設定の点検
• 新規プロジェクトのアイコン整備
• 検索結果にアイコンが出ない原因調査

キーボードのTab操作で移る順番が画面の並びと合っているかを点検し、HTMLの要素順やダイアログ開閉時のフォーカス移動の修正を支援するスキル。

• ページのTab移動順の点検
• ダイアログ開閉時のフォーカス確認
• HTMLの要素順とtabindexの見直し

文字のないリンクやラベルのないアイコン、リンク切れを点検します。説明文や読み上げ用の名前を補い、移動先が分かるリンクへ修正するスキルです。

• ページ内の空リンクを探したいとき
• アイコンリンクに移動先の説明を追加
• リンク切れを点検・修正したいとき

独自のHTML要素やWeb Componentsを点検し、読み上げ用の役割・名前、キーボード操作、フォーカス管理、フォーム連携の不足と修正案を整理するスキル。

• 独自部品の読み上げ対応を確認したいとき
• メニューのキーボード操作の点検
• 独自入力欄のフォーム連携

問い合わせページの連絡手段や見つけやすさを点検し、フォームや連絡先の追加、表示後のHTML・HTTP応答まで確認して、サイトの信頼性を支える情報を整えるスキル。

• 問い合わせページを新設したいとき
• 連絡手段とサイト内導線の点検
• 問い合わせページの出力確認

CSSの配色定義を点検し、色の明るさを人の見え方に合わせて調整できるoklch()を使って、統一感のある濃淡やダークモードの配色を整えるスキル。

• CSSの共通配色を整理したいとき
• 見た目の明るさがそろう濃淡の作成
• ダークモードやホバー色の設計

異なるサイト間の通信をコードとブラウザの動作から点検し、CORS設定、メッセージの送信元確認、認証後の転送先などの問題を見つけて修正するスキル。

• 認証が必要なAPIのCORS設定の点検
• postMessageの送信元検証
• ログインやSSO後の転送先を確認したいとき

公開前のHTMLに残る開発用コメント、デバッグコード、ログ、仮の要素を点検して除去します。必要なコメントを残しながら、機密情報の露出も確認するスキルです。

• 本番公開前にHTMLを整理したいとき
• コメント内の機密情報を点検したいとき
• デバッグログや仮の要素の削除

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

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

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

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

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

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

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

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

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

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

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

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

通常のブラウザで開けないページや中国系・SNSの情報を、抽出ツールや専用APIで取得し、必要に応じてブラウザ操作や日時付きアーカイブの確認まで進めるスキル。

• 403エラーのページを読みたいとき
• 中国系プラットフォームの投稿調査
• 消えたページの保存版を確認したいとき

用途・予算・到着期限に合う商品を調べ、在庫や送料込みの総額、返品条件まで比較します。贈り物選びや機器の互換性確認、許可された注文手続きも支援します。

• 予算と到着期限に合う商品探し
• 返品条件も踏まえた贈り物選び
• 機器の互換性と付属品の比較

ウェブサイトやウェブアプリ、ブラウザゲームの作成・更新を進めるスキル。スマートフォンでの表示にも配慮し、公開後のリンクとアクセス範囲を案内します。

• スマートフォン対応サイトを作りたいとき
• ウェブアプリやブラウザゲームの制作
• 旅行の候補を操作しながら比較