タグ

ブックマーク / www.kanzaki.com (5)

  • imgタグにおけるaltの使い方について -- ごく簡単なHTMLの説明

    HTML文書においてはimg要素を使ってインライン画像を表示することができますが、Lynxのようなテキストブラウザや画像表示をOFFにしている利用者のためにはalt属性によって画像の代わりとなる代替文字列を用意することができます。いえ、正しくは「用意できる」ではなく「必ず用意しなければならない」ものです。HTML4においては、altはオプションではなく「必須」の属性とされています。 WWW利用者の環境 alt属性の使い方の基公式 伝えるべき情報 なぜalt文をうまく組み込めないのか alt="" ? img要素のtitle属性を使う WWW利用者の環境 近頃はNetscape NavigatorやInternetExplorerが全盛で、それらに合わせたページを作ることが当たり前のように思われていますが、実際は: これらのグラフィカル・ブラウザを使っているが、回線の事情や、よりスピーディ

    picnicgraphic
    picnicgraphic 2008/03/07
    画像に情報がないならalt=""だがアンカーが画像のみなら文字ベースブラウザにはリンクの手だてがない(クリッカブルマップは無意味なのでalt="")/サムネイルや音楽ファイルへのリンクは何がおこるか説明 を参考。
  • ちょっとしたメモ - CSS2.1の勧告候補と検討事項リスト

    CSS2.1がようやく(再度)勧告候補にこぎつけた。今度こそは草案差し戻しなどということなく進んでいくだろうが、テストケースや実装確認もあるので、年内はCRに留め置くということだ。このCSS2.1は、PDF版で405ページ。1998年のCSS2勧告は338ページだから、単純に分量だけでも2割増で、記述の修正なども含めると、実はかなり大きな違いがある。バグ修正やブラウザの実装に合わせただけのものではなく、よりモデルを厳密に定義したり詳しく説明しているので、CSSに関心がある人は、そろそろ2.1の内容を確認しておくのがよいかも。 今回の勧告候補は、昨年11月の草案をおおむね引き継いでおり、かなり安定しているといえるが、多少の修正や明確化もある。11月草案との違いが検討事項リストの形で示されているので、主なものを確認しておこう(以下、項目名の数字は検討事項番号、リンク先は検討事項リストの対応する

  • 読みやすいテキスト -- Style Guide for Online Hypertext

    あなたの(ハイパー)テキストを読みやすく これは、私がよく目にする、そしてあまり好きではない、ハイパーテキストのスタイルを巡る2つの問題について少々文句をつけようというものです。 一つ目は「ここ」症候群です。すなわち: これこれに関する情報は _ここ_ をクリックすると入手できます。 というもの。この場合、「ここ」はリンクになっています。このスタイルは全くもって奇妙奇天烈です。「ここ」をクリックするには、*当に* ここでいいのかどうかを確かめるために、周囲を見回さなければなりません。声を大にして言いますが、HTMLページを作成するにあたっては、クリックする場所は、それが指し示す内容のタイトルのようなものにしてください。すなわち、 _これこれ_ に関する情報が用意されています。 そして、 _検索の方法についての情報_ が用意されています。 のように記述し、 検索の方法についての情報は、_こ

    picnicgraphic
    picnicgraphic 2006/11/15
    ここをクリックについてその1。「クリックする場所は、それが指し示す内容のタイトルのようなものに/HTMLページを、リンクをたどらずに読んでも意味がとおるようにせよ」
  • テーブルとアクセシビリティ -- ごく簡単なHTMLの説明

    大きなテーブルは、音声読み上げで内容を聞いているとき、データが何を示す値であるかが混乱してきます。音声ブラウザは、th要素の内容やtd要素のheaders属性を利用して、補助的な情報を読者(聴取者)に伝える機能を持っています(WebSite DesignのVol.3で「音声ブラウザでもまだサポートされていない」と書いてしまいましたが、新しいバージョンはかなり対応が進んできました)。 音声ブラウザとth要素 長い見出し項目の省略形 セルの関係を示す属性 scope属性 headers属性 データの次元と軸 補足:テーブルsummary属性の読み上げ 音声ブラウザとth要素 表(テーブル)は、大量のデータを縦横の二次元に整理することで、視覚的に把握しやすくします。しかし、音声合成でテーブルを読み上げる場合、データは順番に一次元的に読み上げられるため、全体像を把握することが難しくなります。たとえ

    picnicgraphic
    picnicgraphic 2006/11/14
    scope属性。「scope属性を指定すると、そのセルがどちらの方向に対する見出しであるか明示/全ての見出しセルに設定しないと、scope属性のないth/td要素はデータセルの見出しとして扱われなくなることがある([HPR]の場合)」
  • ちょっとしたメモ - IE7、Firefox2でもRSS1.0にXSLTを適用させる

    IE7やFirefox2は、「フィード」をMIMEタイプで判別できないときは、コンテンツの先頭部分のテキストマッチで判断して「フィードプレビュー」を起動しているらしい。判定用の文字列パターンをRSSファイルで直接用いないようにしたら、確かにどちらのブラウザもプレビューではなくてXSLTを適用するようになった。ただし、一般のフィードリーダーの中にも同じような文字列マッチを使っているものがある模様で、方法によってはこれらのフィードリーダーでも修正版RSSを読めなくなってしまうので注意が必要だ。 Microsoft Team RSS BlogのWindows RSS Publisher's Guideによれば、MIMEタイプがapplication/xmlもしくはtext/xmlであるときは、IE7はコンテンツ冒頭の512バイトを読んで、その中に次の3つの文字列があればRSS1.0と判定するのだ

  • 1