Help‐ノート:ダイナミック・ナビゲーション・ボックス
タグの過剰利用と対策について
[編集]一部の記事にて、当タグの過剰利用による視認性の低下およびアクセシビリティの低下の懸念があります。過去にTemplate:Spoiler:Hのテンプレートが廃止された経緯があります。
参考:
--219.112.16.22 2009年5月15日 (金) 07:29 (UTC)
スタイルについて
[編集]- 質問と提案
- 折り畳み機能を使いたい部分の内容を左寄せにしたい場合は、以下の通り「折り畳み機能を使いたい部分の内容を<div style="text-align:left"></div>で囲む」でよいのでしょうか?
<div class="NavFrame"> <div class="NavHead">[... ここにタイトルを入れる(表示ボタンが付く) ...]</div> <div class="NavContent"> <div style="text-align:left"> [... ここに折り畳み機能を使いたい部分の内容を入れる ...] </div> </div> </div>
[... ここに折り畳み機能を使いたい部分の内容を入れる ...]
- もし問題が無いようでしたら、「サンプル2」として「Help:ダイナミック・ナビゲーション・ボックス」に追記したいと思います。--Resto1578 2010年6月3日 (木) 09:18 (UTC)
同じページで二回飛ばされる様な現象でウィキリンク、パイプ付きリンク、アンカーがまともに機能しない挙動が起きており、原因がNavFrameである事が分かりましたので報告致します。
不具合発生環境
- Wikipedia デスクトップ
- Windows10および8.1 ブラウザ:Google Chrome、Firefox、Internet Explorer、Microsoft Edge
- 実際に起こったページ:銀魂(現在はNavFrame、2か所を除去して正常になっています。)
- 不具合内容:ウイキリンク銀魂#実写映画で同ページの指定箇所に移動した直後に一番下に飛ばされる。
※NavFrameより上については発生しない。
正常に動作
<NavFrame>
問題発生
以上です。--福博中(会話) 2018年5月2日 (水) 03:33 (UTC)
- コメント 私はこの機能の仕様についての知識はありませんが、だいぶ昔に「記事内容が長い(多い)ものに便利」程度の認識で、いくらかの記事にこの“折りたたみ機能”を使用したこともありますが、しばらくして、ウィキリンク、パイプ付きリンク、アンカーなどがまともに機能しないことに気がついてからは使用しないようにしています。それからは、むやみやたらに使用されている記事についてはその“折りたたみ機能”を除去するようにしています。…が、結局のところ記事内に一つでも“折りたたみ機能”が使用され、その中にウィキリンク、パイプ付きリンク、アンカーがあれば不具合は起きますね。ノートの上の「タグの過剰利用と対策について」の節でも指摘されている“過剰利用による視認性の低下およびアクセシビリティの低下の懸念がある”という意見もあわせて考えていたことですが、ウィキペディアの通常記事内における“折りたたみ機能”全般の廃止、もしくは非推奨にしたほうが良いのではないかと思っています。今現在も実際の理由は「記事内容が長い(多い)」というだけで使用されているのが大半のように見受けられます。--Sonchou(会話) 2018年5月2日 (水) 09:23 (UTC)
折り畳み機能について
[編集]現在、折り畳みのデフォルトが「表示」の状態になっています。今までどおりデフォルトを「非表示」にできないでしょうか。よろしくお願いします。
(例)やりすぎ都市伝説
--Umitori(会話) 2020年5月8日 (金) 03:29 (UTC)
NavFrame、NavHead、NavContentを併用せずに使用しているページのボット修正提案
[編集]本文書で説明されている通り、NavFrame
、NavHead
、NavContent
クラスの目的はダイナミック・ナビゲーション・ボックスにおける折りたたみ表示です。3クラスを併用しないページでは折りたたみ表示の効果がなく、デスクトップビューにおける装飾の効果しかありません(モバイルビューでは関連CSSがないので、効果がありません)。このような目的外利用はクラスのメンテナンスを難しくする上、デスクトップビューとモバイルビューとで挙動が異なるのは使用側にとって想定外であると考えます。ソース検索の結果によれば、標準名前空間の件数は下記の通り。
- NavFrameあり、NavHeadとNavContentなし:120件
- 済 NavHeadあり、NavFrameとNavContentなし:8件
- NavContentあり、NavFrameとNavHeadなし:687件
- 済 NavFrameとNavHeadあり、NavContentなし:5件
- 済 NavFrameとNavContentあり、NavHeadなし:25件
- 済 NavHeadとNavContentあり、NavFrameなし:11件
このうち、1番と3番の件数が多いので、ボット作業依頼での修正を提案します。下記の置換を想定しています。
- 1番の修正:
<div class="NavFrame">
→<div style="margin: 0px; padding: 2px; border: 1px solid #a2a9b1; text-align: center; border-collapse: collapse; font-size: 95%;">
<div class="NavFrame" style="AAA">
→<div style="margin: 0px; padding: 2px; border: 1px solid #a2a9b1; text-align: center; border-collapse: collapse; font-size: 95%; AAA">
- AAAに含まれる指定を追加しないようにしたらなおよいのですが、そのまま変更しても(後に指定された方が優先されるので)表示上の問題はありません。
- 3番の修正:
<div class="NavContent" style="AAA">
→<div style="AAA">
<div class="NavContent">
→<div>
- どちらもクラスを除去するだけです。
件数が少ない2, 4, 5, 6番は提案を経ず、手動で修正します。完了次第、済マークをつけます。--ネイ(会話) 2021年9月19日 (日) 07:10 (UTC)
- 合意成立と判断して、ボット作業依頼を提出しました。--ネイ(会話) 2021年9月27日 (月) 12:27 (UTC)
- 済 ボット作業依頼が終了しました。--ネイ(会話) 2021年10月17日 (日) 03:12 (UTC)