ユーザースタイルシートを使用する理由
今、私がユーザー・スタイル・シートを使用するとき、私が訪れるすべてのWebページが同じように見える状況を設定していません。 代わりに、私はWebをブラウズするのに役立つユーザスタイルシートを持っています。 ユーザースタイルシートを使用すると、ページ要素のスタイルを設定できるため、Webページデザイナーの意図にかかわらず、読みやすく使いやすくなります。
私が気づいたことの1つは、多くのWebページが若者によって構築されていることです。 これらの人々は、よく、微視的なフォントを好むようです。 ユーザー・スタイル・シートを使用して、デフォルトのフォント・サイズを、私にとってより読みやすいフォント・サイズに設定できます。 Webデザイナーの別の人気のトリックは、リンクからアンダーラインを削除することです。 これはページを「より良く見える」ようにするかもしれませんが、クリック可能なものを伝えるのは難しいです。 だから、ユーザー・スタイル・シートでは、私が訪れたページのリンクに下線を戻します。
ユーザースタイルシートの作成
ユーザースタイルシートの作成は、Webページ用のCSSスタイルシートを作成するのと同じくらい簡単です。 標準スタイルシートで使用できるのと同じプロパティとコマンドを使用できます。 ユーザースタイルシートの秘訣は、ハードドライブに保存されていることと、Webブラウザで使用するように指示することです。 使用するWebブラウザによっては、設定する方法が異なります。
- Firefox
- Windows用のInternet Explorer
- Macintosh用Internet Explorer
- Mozilla
- オペラ
- サファリ
ユーザースタイルシートとアクセシビリティ
アンダーラインを追加したり、フォントを大きくすることは、訪問したWebページをよりアクセスしやすくするための良いスタートですが、ユーザースタイルシートを使用すると、さらに遠くに行くことができます。 たとえば、多くのWebデザイナーは、より意味論的ではなく要素を使用しています 。 私が盲人であれば、聴覚ブラウザを使って、ブラウザーは何をどうしたらいいのか、意味的意味がないのか分かりません。 しかし、ユーザー・スタイル・シートを使って、私はそれらをセマンティック・カウンターパートと同じように、強く強調して発音するように定義できます。
ユーザースタイルシートで再生する
ユーザースタイルシートを使用する最も一般的な方法は、下線をリンクに追加することです。 これを行うには、次のCSSプロパティをユーザースタイルシートに追加するだけです。
：リンク、：visited {text-decoration：underline！ 重要; }スタイルの最後に "！important"を追加することは不可欠です。そうしないと、作成者が定義したスタイルシートがユーザーのスタイルシートよりも優先されるからです。
ユーザー・スタイル・シートを使った別の便利なトリックは、より迷惑なタグのいくつかをあまり煩わしくすることではありません。 このスタイルは点滅タグとマーキータグを点滅またはスクロールさせません。
点滅{テキスト装飾：なし！ 重要; }マーキー{-moz-binding：none！ 重要; }Webデザイナー：これを心に留めて
Webページを設計するときは、ユーザー・スタイル・シートが設定されていることを覚えておく必要があります。 そうしないと、すべてのリンクで下線が表示されているにもかかわらず、チームの他のメンバーには表示されない理由をトラブルシューティングしようと何時間もかかるでしょう。 あなたは笑っているかもしれませんが、今日ユーザースタイルシートを設定してから6ヶ月以内にWebサイトスタイルを変更すると、ユーザースタイルシートを設定するのを忘れてしまう可能性があります。
私がしていることは、私が標準のプロフィールをWebでブラウズし、私がWebページをテストするのに使うデフォルトのプロフィールを持っていることです。 そうすれば、どのように私が最も快適であるかをWebで閲覧することができますが、ほとんどの人がWebページをどのように見ているかもわかります。 Internet Explorerでブラウジングを主張する場合は、Webページのテスト時にユーザースタイルシートをオフにする必要があります。