[B! accecibility] hxxkのブックマーク

我的春秋: パンくずリストのマークアップ

ちょっと前にパンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種（CSS HappyLife）というエントリーが盛況でしたが、今日はパンくずナビゲーションの論理構造面を補強する意味も込めて、(X)HTML マークアップの例を、サイト構造やサイトの目的に応じて、いくつか挙げてみました。CSS の話まで入れると長くなるので、今回は（も？）(X)HTML マークアップに話を絞ります。CSS については、特にセレクタまわりが結構変わってしまいますが、ひとまず、HirasaWa さんのエントリーなどを参照してください。（気が向いたら、別エントリーを立てますけど、実際に書くかどうかは未定。）階層型構造（tree structure）［2006-02-11 追記］石川一靖さんより、「セマンティクスを重視するならa要素にrel/rev属性を加えてリンクの関係性を明示するのが

hxxk 2007/02/06

http://css-happylife.com/log/css-template/visual/000106.shtmlへのコメントを踏まえて、より良い案を提示。この姿勢は見習いたい。

リンク

兵庫県／ホームページ作成において配慮している項目

ページの制作・運用 1、作成したページを公開する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する（レベル1） 2、ページを更新する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する（レベル1） 3、提供する情報に対する問い合わせの担当窓口と連絡手段をわかりやすい場所に明記する（レベル1）ページの設計およびデザイン 4、色、形、配置、動きのみで内容を表現するページデザインを避ける（レベル1） 5、すべてのページに、ページ内容を明確に示すページタイトルを付ける（レベル1） 6、画面全体を早い周期で点滅させてはならない（レベル1） 7、見出しやリストなどの要素を使って文書構造を規定する（レベル2） 8、スタイルシートを使用する場合は、スタイルシートが使用できなくてもページの内容が理解できるようにする（レベル1） 9、PDFファイルで情報を提供する場合は、重

hxxk 2007/01/25

リンク

ブロガーのためのアクセシビリティガイドライン - Trans

唐突ですが、ブログやWebサイトを更新する際に、よりアクセシビリティが高いコンテンツをどうすれば書くことができるのか、そういったガイドラインを公開します。といっても、元々は他団体向けにWebサイトを制作している際に、「結構、Webには詳しい」方にコンテンツを書いてもらっていたのですが、時折「概　　要」とか、「2007年1月11日（水）」といった記述が見られ、「あー、このままでいくと、更新作業を今後やってもらうのってすごく不安だな」と思いました。そこで、どうすれば音声ブラウザなどがうまく対応できるようにコンテンツを書けばよいのかをガイドラインにまとめてみたのですが、せっかくですので、ウェブ上で公開することにしました。前提として、アクセシビリティに詳しい方にとっては、「何を今更」という内容。デザインやマークアップよりも、コンテンツを書く＝ウェブライティングに特化したガイドライン。ブロ