html - ウェブサイトに黄色のテキストが表示されますが、トラブルシューティングが困難です

Question

http://www.ciu.eduのWebページに表示される黄色のテキストに関するいくつかの電子メールと電話を受け取りました。

特にスタイルシートでは黒のテキストを使用しています。黄褐色の背景です。

ある人は色覚異常であると主張し、私は色覚異常についてさまざまなテストを試みましたが、そのような運はありませんでした。

私たちは何が起こっているのか途方に暮れています。黄褐色の背景にある黄色のテキストは読みにくいですが、トラブルシューティングの方法が問題です。

Answer 1

ユーザーの1人から画面を取得できますか？問題を特定のOSとブラウザに限定できることも役立つ場合があります。これらについてもお問い合わせいただき、お知らせください。

あなたはロードする小さなIEのみのスタイルシートを持っていますが、それは通常のIEクラッジを含んでいるので、私は心配しません。

Answer 2

ボブ・カウフマンが提案したことで、MicrosoftからIESuperpreviewをダウンロードするようになりました。IE6ビューを実行して、すぐに答えを得ました。私たちは基本的にIE6のサポートをダンプし、新しいWebサイトを立ち上げるときにそれをテストしていませんでした。

IE6ユーザーへの通知のスタイルが原因で、残りのページに黄色のテキストが表示されています。

さらに、フォントタグが不適切に閉じられました。なぜフォントタグがあったのかわかりません。私は通知を書きませんでした。IE7未満のIEのユーザーへの通知でした。とにかく、問題は解決され、xhtml標準コードで書き直されました。

Answer 3

Mozilla Firefoxにアクセスできる場合は、Web Developerツールバーアドオンをインストールして、スタイルシートや画像を無効にし、問題を突き止めるのに役立てることができます。自分でざっと見てみましたが、画像を無効にすると、ハイパーリンクとしても機能する画像に青い下線（標準リンクスタイル）のハイパーリンクが表示されます。インスペクターを使用して個々のスタイルを無効にできるため、FirefoxにFirebugをインストールすることもメリットがあります。

Answer 4

CSSをロードしない、または背景画像をいくつか使用しないで、ページがどのように表示されるかを試しましたか？

ページに非常に大きな画像ファイルがいくつか表示されます。接続が遅いと、ロードに数分かかります。CSSまたは背景画像の前に巨大な画像が読み込まれると、ページの外観がかなり悪くなる可能性があり、すべてが読み込まれるまで数分待つことはほとんどありません。

表示されるサイズで画像を作成する必要があります。これにより、3メガバイトではなく30キロバイトになる可能性があります。