CSS TABLES GALLERY-TABLEのCSS設定パターンを共有できるサイト。
Design Nameをクリックすると実際にCSSパターンでTABLE表示されるので便利。DownloadでCSSを入手することができます。自分でもオリジナルのCSSを投稿できるので、これからもいろんなパターンが増えてくる。おススメブックマークサイト
アクセシビリティを考慮したWEBページを作成するときに役立つのがA List Apart: Articles: Alternative Style: Working With Alternate Style Sheetsが紹介しているstyleswitcher.js。
アクセシビリティガイドラインにも「ガイドライン2. 色だけに依存しない」という項目があり、
2.1 色によって表現されている全ての情報は、その色を再現できない環境でも得られるようにしておく（たとえば、前後関係やタグ付けなどによって）。 [優先度1] (チェックポイント2.1)
2.2 前景色と背景色の組み合わせは、色の識別が困難な人やモノクロ画面を使用している人などに対しても十分なコントラストを与えるようなものにする。 [対画像：優先度2 、対テキスト：優先度3] (チェックポイント2.2)
（引用：ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 技術書:http://www.zspc.com/documents/wcag10-tech/index.html）
ページコンテンツをハイコントラスト表示で提供する場合などにスタイルシートの切り替えを使うことや、見易いページを提供するときなどにも使われています。
456 Berea Streetは、ページ上部に"Switch to high contrast layout"リンク表示をして切り替えができるようにしています。
Going My Wayさんは、このscriptを使ってオリジナルのCSSデザインが切り替え表示できるようにしています。
最近のコメント