aDesingerをインストールしてみた

IBMがaDesignerってソフトを無償で提供してます。これ便利!
このツールを使うことにより、ウェブページ制作者は自分のウェブページの視覚障害者(全盲ユーザーやロービジョンユーザー)にとってのアクセシビリティやユーザビリティをチェックすることができます。

ちなみに、このblogもチェックしてみました。
aDesignerでネコゼログログを表示
評価はAでした。いや、もうちょい精進しないと。フォントサイズ固定だし。
続きを読む >>

ネスケ4とCSSの覚え書き

見た目はほとんどCSSで制御したページを作ってたら、ネスケ4で表示が大崩壊!
いや、崩壊どころかページがほとんど表示されてなーい!いーやーだー。

ブラウザの調査にも登場しないくらい使ってる人が皆無に等しいって理由で、
CYBER@GARDENのblog記事参照
ネスケ4だけ無視(@importで外部CSSファイルを読み込み)で対応しよーかなと思いつつ、いろいろバグを調べつつ対策を練ってます。
とりあえず、調べて気になったものを箇条書き。

HTML,CSSバグ&回避法リスト : Netcape 4.xとスタイルシート
・同上の場合で背景画像の指定を「background-image」ではなく「background」 を使い一括指定する場合、画像の無い部分が黒色になってしまう。
・外部スタイルシートで画像を相対パスで指定した時には、その基底パスは 外部スタイルシートのパスになるのが普通です。しかしNetscape4ではスタイルシートを読み込んだHTMLファイルのパスになります。

あと、下のページも参考になりました。勉強します。

ブラウザのショートカット一覧表

仕事中に、Firefoxのヘルプページを見てたら、キーボードショートカットの一覧表があったんですが、IEやOperaのショートカットも掲載されてて、本来とは別の意味で便利です(笑)。「強制再読み込み(キャッシュを無視する)」を知らなかったWeb制作者はアウトですか?えーっと…

画像を見だしタグで囲ってみる

画像を見出しとして使う時、<h>タグで囲むと構造的にも正しいしSEO的にも効果がある!、って昔、小耳にはさんでたんですが、テキスト以外のものをそもそも<h>タグで囲っていいんか?と思って調べてみたら、HTMLタグリファレンスというサイトにこんな記述。

画像を見出しとして使用する場合には<h>タグで囲む方が好ましいと言えます。 そうすることで画像が表示されない場合にも、<IMG>タグのalt属性で指定した内容が見出しとして機能するからです。

文法的には問題なし!みたいですけど、SEO-FAQには逆にこんな記述。
Google は画像の alt属性に記述された文字列を検索対象にしていません。これは2003年後半から行われた変更です。

ただし、アンカータグで括られた画像の alt属性内の文字列は検索対象に含まれます。

見出しタグで囲むのが正しいけど、altは無視されるから結局大して見返りはないよ、ってことですかー。
SEOを気にしてるなら正直にテキストにしちゃった方が吉、なんでしょうねぇ。
デザイナーさん的には画像にした方が見栄えがいいって話かもしれないですけど、その辺は背景画像の装飾でカバーするとか。

CSSバグ〜夢のヒットパレード(悪夢)

お仕事中にCSSのバグを調べてたら、こんなサイトが。かなり重宝しそうです。

CSSバグリスト@CSSバグ辞典スレッド
ここは、2ちゃんねるweb制作管理板内のCSS/DHTMLのバグを扱うスレッドで挙げられた、各ユーザエージェントのCSSやDHTMLの実装上のバグをまとめているサイトです。

ここのIEのバグを見て疲弊気味。
何これ!たすけて!

携帯で2カラム表示??

いつもCSSの勉強にチェックさせてもらってる、Stylesheet Stylebookのblogに、携帯ブラウザのCSSに関してこんなエントリー。

Stylesheet Stylebook
CSS には media typeを使ってCSSを読み込むデバイスごとにCSSファイルを使い分けることが出来ます。音声ブラウザや印刷用など様々なデバイスに対応していますが、携帯用には「handheld」と呼ばれる属性があり、これを Opera はサポートしています。

いままでmedia typeは正直シカト同然のだったんですが、DDIポケットがOpera搭載端末出したりしてますし、これに追随する動きもあるみたいです。
いろいろ調べてたら、パナソニックのデジタルテレビでブラウジングできるようになってるようで。

これに関して、こんなコネタを。
続きを読む >>

こっそりネスケ4.X非対応

最近やったコーディングで、久々にスタイルシートをフル活用してみました。
Another HTML listでチェック掛けてもほぼパーフェクト!
これ、他人様にめったに褒められないコーダーの唯一の喜び(笑)。

ただ唯一の問題は、
ネスケ4.Xでちゃんと表示されるかどーか、
ということ。
CSS周りは恐ろしく貧弱なネスケ4.Xですから。

個人的には、殆ど使ってる人なんていないんだから非対応でいいじゃない、と思うものの、
未だに先方から「表示が崩れまくってるから至急直して!!」と
ネスケ4.Xのスクリーンショットと共にクレームが来たこともあるので気が気ではありません。

思うにPCを購入してから、ブラウザをアップグレードするなんてことを知らずに使ってる人が、この世の中には僅かながらいるってことなんでしょーか。自分の祖父なんかIE3を未だに使っていて、IEのくせにMSNにアクセスできません。

ネスケ4.Xを捨てて自由を勝ち取るか、妥協して敗北を抱きしめるか。
HTMLコーダーの眠れぬ夜は続きます。そんな早朝。

ECサイトに死の香り

つい先日、とあるWeb系雑誌の定期購読を、その出版社のECサイトで申し込みました。

罠だらけでした。


罠その1:ユーザー登録画面からトップページに引き返せない!
罠その2:購入できたかどうか、購入履歴見るまで分からない!
罠その3:ユーザー登録確認のメールにパスワードが記載されちゃってる!
罠その4:ていうかcopyrightが1996-1998だ!


どうやら定期購読の手続きは完了したらしいが、実物届くまで不安で生殺しですよ!
雑誌はステキなのに、親元のECサイトがこれってどーゆーことですか!
WebDesigning

あ、言っちゃった。

先入観でアクセシビリティ

つい先日、WebコンテンツにもJIS規格が策定されました。
が。
自分とこの現場では、何事もなかったよーに、日々の更新作業に追われてます。
ちょっと内心、「これからはアクセシビリティですよ!」みたいな話で盛り上がるかと思ったら。むしろ昼ご飯をどこで喰うかで大盛り上がり、みたいな。
続きを読む >>

ジャニーズの画像をWebで見掛けない理由

ジャーニーズ系のアイドルはWebに写真を載せるのがNGらしいです。
確かに、「新撰組」のサイトでさえ、香取慎吾の写真は見当たらない。
総長なのに姿を眩ましてます。
で、調べてみたら案の定…。

[教えて!goo] ジャニーズの写真はなぜない?

肖像権にうるさいそうで、ジャニーさん。
そういや、TSUTAYAに貼ってあったNEWSのポスターに「写真撮影はご遠慮下さい」って張り紙がしてあった!リアルもNGなのかー。

中の人、ご紹介

制作会社でマークアップ芸人、改め、うっかりIA(自称)をやってます。CSSとかHTMLとかでもご飯食べてます。気が弱くて省スペース設計。でも小言が多い、環境に優しくない32歳です。

過去のイベント出演暦