サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。
通知
すべてクリア
トピックスターター 2026年8月10日 19:10
いつもお世話になっております。
このたび、タブ移動の挙動に違和感を感じたためご要望させていただきたく思います。
経験上、ページのある部分を範囲選択した状態でTabキーを押すと、その選択位置から見てすぐ下の要素にフォーカスが移動するものと認識しております。
しかし、Cocoonを適用したページでは、なぜかそのようにならず、選択位置よりかなり上にあるリンク文字にフォーカスが飛んだりするので、気になっています。
例えば、添付画像の「コストを抑えたい人にぴったりです」を範囲選択してTabキーを押したら直感的には「Cocoonをダウンロード」のボタンにフォーカスが移動しそうですが、実際にはページのかなり上の方にある「詳細はこちら」のボタンに飛んでしまいます。
これをどうにか直感どおりの選択位置のすぐ下にある要素に飛ぶように変更していただけないでしょうか
何卒よろしくお願いします。
わいひら reacted
2026年8月10日 23:55
ご報告いただきありがとうございます。
タブ移動に関する部分を修正させていただきました。すぐ改善したい場合は、こちらをインストールすると即対応できるかと思います。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
当サイトにも適用しておきましたので、動作を確認できるかと思います。
phmasa reacted
2026年8月11日 10:23
@phmasa さん
経験上、ページのある部分を範囲選択した状態でTabキーを押すと、その選択位置から見てすぐ下の要素にフォーカスが移動するものと認識しております。
その認識は誤解です。
Tabキーによるフォーカス移動は、「範囲選択(テキスト選択)した位置」とは一切関係がありません。
原則として画面の左上から右下、上から下の順に移動します。
●Tabキーの本来の仕組み
Tabキーでのフォーカス移動は、次のルールで決まります。
- DOM上の出現順序（HTMLソースの記述順）、またはそれを上書きする tabindex の値の順序に従って、フォーカス可能な要素（<a href>、<button>、<input>など）を順番に移動する。
- 画面上の見た目の位置（座標）やテキストの範囲選択(selection)は、Tabキーの移動先の決定には一切関与しません。
この投稿は3週間前 2回ずつ大門未知子に変更されました
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。