僕は見ていた > >

数日前から喉が痛く、今日になって本格的に風邪をひいてしまったので最後まで完遂できませんでした。というのはこういうことです。 .Mac Tips のテンプレートを自身が最近提供したサンプルテンプレートをベースにしたものに置き換えると同時にアクセスキーとタブインデックスの整理、アクセスキーの表示などをししました。そのせいで、向こうの方が web アクセシビリティが高くなってしまったのです。こっちは A.A.O. の検査などをやったりして自慢げに web アクセシビリティを標榜していたにもかかわらず。悔しいじゃないですか。アクセスキーとタブインデックスの整理はずっと前にやっていたのでアクセスキーの表示をしてやればよいのですが、それでは同じレベルに到達するだけです。そこで、前からレイアウトのための table タグを廃止したいと考えていたので挑戦してみたのです。

なぜレイアウトのための table タグを廃止したいかというと、table タグは表を作るためのものでレイアウトのためのものではないからです。(X)HTML は本来、文書の構造を記述するものですから、嘘をついているってことになります。

これが例えばどんな弊害があるのかということですが、真ん中のエントリ達より左側の自サイトナビゲーションが HTML 的には先に来ます。ですから読み上げブラウザなどではまずこっちが先に読み上げられることでしょう。そうするとなかなか肝心のところにやってきません。読み上げブラウザを使っている人にはかなりのストレスを与えてしまうことでしょう。

もし Mac版 Internet Explorer 5 を持っていたら試しにそれで見て下さい。Mac版 Internet Explorer 5 はスタイルシートの扱いにバグがあります。このため僕が意図した (X)HTML による文書構成で CSS だけで三段カラムをびしっと実現することができませんでした。しかたがないので Mac版 Internet Explorer 5 のバグを逆手に取った手法で三段カラム部分を Mac版 Internet Explorer 5 に読み込ませないようにしてあります。ですから文書構成は Mac版 Internet Explorer 5 で見ると視覚的にわかります。

確認したブラウザとその状態を列挙してみます。

Mac OS X 版 FireFox 0.9.3

全く意図通り。

Mac OS X 版 Opera 7.54

意図通り。
ただし、JavaScript が提供されるサービスの表示で日本語が化けているところがある。これは以前からそうだった。Opera のバグ?

Safari 1.2.3

全く意図通り

Mac OS X 版 Internet Explorer 5

意図通り。
ただし三段カラム構成ではない。

Windows 版 Internet Explorer 6

意図通り。
ただしバナー部分の底のボーダー線が表示されません。

残っているのはアクセスキーを表示することと、背景画像などを入れ替えることです。この画像も少々飽きてきました。

大きく変えたので本当は A.A.O. で再度検査してそれからでないとバナーを貼ってはいけないのですが、実験ということでそのままにさせてもらいます。駄目だったら元に戻すかバナーをとるかします。