CSS無効状態では差分機能が利用できない

  • ページ: BugTrack2
  • 投稿者: pai
  • 優先順位: 低
  • 状態: 提案
  • カテゴリー: 本体バグ
  • 投稿日: 2007-11-12 (月) 20:12:39
  • バージョン:

メッセージ

BugTrack/73にて、差分表示の色指定がスタイルシートに追い出されたようですが、このためか、現在のバージョンではスタイルシートを無効にすると差分表示が読み取れません(たとえばfirefoxでは、表示メニューの「スタイルシート」から「スタイルシートを使用しない」と操作するとこの状態になります)。

サンプル

テキストブラウザw3mによる、FrontPageの差分表示の例。このページには変更部分はありませんが、「追加された行はこの色です」が機能していないことが読み取れます。

[PukiWiki]

FrontPage の変更点

[ トップ ]   [ 編集 | 差分 | バックアップ | 添付 | リロード ]   [ 新規 | 一覧 |
単語検索 | 最終更新 | ヘルプ ]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

 ・ 追加された行はこの色です。
 ・ 削除された行はこの色です。
 ・ FrontPage へ行く。
 ・ FrontPage の差分を削除

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

#norelated
* PukiWiki-dev [#va49b027]
-BugTrack, [[BugTrack2]] - バグ報告をまとめてあります。
-[[開発談義]] - 開発やバグなどのことはこちら!
-[[開発日記]] - [[Team]]による開発日記

-[[SourceForge.jp]]→ http:// sourceforge.jp/projects/pukiwiki/
- 開発版の入手・閲覧 => [[CVS版]]

≪↑↓Viewing <FrontPage の変更点 - PukiWiki-dev>

ケータイ用Operaの「スモールスクリーンモード」でも、 media=handheld でないスタイルシートは読み込まれないようなので、やはり差分機能が利用できません。

比較対象: Wikipediaでの表示例

http:// ja.wikipedia.org/w/index.php?title=%E3%82%A6%E3%82%A3%E3%82%AD&diff=15825819&oldid=15788578
ウィキ

出典: フリー百科事典『ウィキペディア(Wikipedia)』

版間での差分
移動: ナビゲーション, 検索

                                        最新版 (2007年10月30日 (火) 09:06) (編
2007年10月28日 (日) 09:36の版 (編集)    集) (取り消し)
Emk (会話 | 投稿記録)                   Kohhei (会話 | 投稿記録)
M (WP:SELF)                             M (?主な特徴 - コンピュータネットワーク
?前の差分                               |)

12 行                                   12 行
  == 主な特徴 ==                          == 主な特徴 ==
  多くのウィキに共通する特徴を、以下に    多くのウィキに共通する特徴を、以下に
  掲げる。                                掲げる。
  * [[コンピュータ・ネットワーク|ネット   * [[コンピュータネットワーク|ネットワ
- ワーク]]上のどこからでも、いつでも、  + ーク]]上のどこからでも、いつでも、誰
  誰でも、文書を書き換えて保存すること    でも、文書を書き換えて保存することが
  ができる。                              できる。
  * 文書の書き換えに最低限必要なツール    * 文書の書き換えに最低限必要なツール
  はウェブブラウザのみである。            はウェブブラウザのみである。
  * ウィキ特有の文書マークアップは        * ウィキ特有の文書マークアップは
≪↑↓Viewing <ウィキ - Wikipedia>

パラグラフの左に+や-が表示されています。ただし、「コンピュータ・ネットワーク」->「コンピュータネットワーク」のように、行内での差分はこの画面ではハイライトされません(CSSが利用できる場合は、行内の変更箇所がハイライトされます)。

<tr>
  <td class="diff-marker">-</td>
  <td class="diff-deletedline"><div>
* [[コンピュータ<span class="diffchange">・</span>ネットワーク|ネットワーク]]上のどこからでも、いつでも、誰でも、文書を書き換えて保存することができる。
  </div></td>
  <td class="diff-marker">+</td>

  <td class="diff-addedline"><div>
* [[コンピュータネットワーク|ネットワーク]]上のどこからでも、いつでも、誰でも、文書を書き換えて保存することができる。
  </div></td>
</tr>

比較対象: Uncyclopediaでの表示例

http:// ja.uncyclopedia.info/index.php?title=Wiki&diff=168963&oldid=151615
記事名の半角記号について

Wiki

出典: へっぽこ実験ウィキ『八百科事典(アンサイクロペディア)』

版間での差分
移動: ナビゲーション, 検索

 2007年8月14日 (火) 22:36の版 (編集)   2007年9月9日 (日) 11:34の版 (編集) (取
       ネッツ (会話 | 投稿記録)                       り消し)
                                              ネッツ (会話 | 投稿記録)
              ?前の差分                            (+DEFAULTSORT)
                                                     次の差分?
21 行                                  21 行
  *[[メディアウィキ]]                    *[[メディアウィキ]]
  [[Category:インターネット[DEL:|うい
- き:DEL]]][[Category:教育[DEL:|ういき + [INS:{{DEFAULTSORT:ういき}}:INS]
  :DEL]]][[Category:Web2.0]]
- [[en:Wiki]][[ko:????]]               + [[Category:インターネット]]
                                       + [[Category:教育]]
                                       + [[Category:Web2.0]]
                                       +
                                       + [[en:Wiki]]
≪↑↓Viewing <Wiki - アンサイクロペディア>

wikipediaと同じですが、行内の変更箇所が[INS: .... :INS]のように囲まれます(CSSが有効なときは色や強調で表示され、文字は表示されません ---- これは<INS>や<DEL>をw3mがこのように表示するという機能のようです)。ただし、uncyclopediaは「連続した漢字列」を一単語として認識してしまうので、期待したような差分表示になるとは限りません。

<tr><td>-</td><td class='diff-deletedline'>
[[Category:インターネット<del class="diffchange">|ういき</del>]][[Category:教育<del class="diffchange">|ういき</del>]][[Category:Web2.0]]
</td><td>+</td><td class='diff-addedline'>
<ins class="diffchange">{{DEFAULTSORT:ういき}}</ins>
</td></tr>

問題点の整理

いくつかの視点が考えられます。コメントをお願いします。

  • 修飾でない、本質的な情報は、スタイルシートに出さず直接<DIV style="">で指定すべき。
  • 色がわからないと情報が得られないというのがそもそも問題(対策案として、削除は打ち消し線、挿入は下線を表示するなど)。

具体的なニーズ

  • カラーが利用できない環境でも、情報を得られるようにしたい。
    • 白黒レーザープリンタで印刷する
    • 視覚障害を持った人が利用する
  • スタイルシートが利用できない環境でも、情報を得られるようにしたい。
    • スタイルシート採用以前のブラウザからアクセスする
    • w3m等のテキストブラウザからアクセスする
    • Opera等のケータイブラウザからアクセスする
    • 音声ブラウザからアクセスする
  • 文字修飾(色・強調など)が利用できない環境でも、情報を得られるようにしたい。
    • w3m等のテキストブラウザからアクセスする
    • Opera等のケータイブラウザからアクセスする
    • 音声ブラウザからアクセスする

取りうる選択肢

  • スタイルシートが読み込まれない場合のテキスト表示を追加する(スタイルシートが読み込まれた場合は、このテキスト表示は隠す)。
  • スタイルシートではなく、HTML中に文字修飾を記述する(スタイルシートをサポートしていなくても、<FONT color="#ff0000">をサポートしていれば色が付く)。
  • 色ではなく、文字修飾で対応する(打ち消し線や下線)。
  • スタイルシートで自動的に切り替える以外に、ユーザーが表示モードを選択できるようにする。

関連

コメント

  • コメントありがとうございます。本件もデザインの問題のようですね :) CSSだけで表現する事にしてしまったデザイン上の欠点の一つに、「この色」という表現そのものがあります。直感的にするならば赤なら赤、青なら青と書くべきです。 -- henoheno 2007-11-13 (火) 23:24:59
  • モノクロw3mやlinxのようなテキストブラウザ向けの表現についてもそうですが、どのようなニーズがあって、それには出力が望ましいかを一通り明確にすると先に進むと思います。 -- henoheno 2007-11-13 (火) 23:26:38
  • 他の表現例: コマンドラインツール diff -u 互換の出力 -- henoheno 2007-11-13 (火) 23:27:37
  • 他の表現例: MediaWikiのような文字ベースの比較結果の出力 -- henoheno 2007-11-13 (火) 23:27:55
  • 情報を追加してみました。個人的には、テキストのみでも(色や文字修飾なしでも)情報が読み取れるのがbestだと思っています。 -- pai 2007-11-19 (月) 02:12:58
  • 余談ですが、色が出ないブラウザを使っていると、カレンダーで「赤い日が休業日です」となっているページが役に立たず、不便に感じます。 -- pai 2007-11-20 (火) 21:13:13
  • 「この色」としているのはタグを見ると、色の指定はCSSでおこなう、という仕様だったのでしょう。なので、あえて「この色」と色を指定していない気がします。Wikipedia で使用している Diff は比較的有名なコンポーネントなんでしょうか。xpWikiでも差分はこれと似た物になっていますね。 -- Yoshii 2007-12-17 (月) 00:23:38
  • <ins>と<del>じゃだめなんですか?XHTMLには無い?マークアップ的にはこれ以外ないと思うんですが。 -- 0th track 2009-08-14 (金) 06:25:06

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2015-09-01 (火) 20:08:49
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.202 sec.

OSDN