画像置換によるアクセシビリティーの低下 | ユージック
画像置換によるアクセシビリティーの低下 2007年1月31日 Fsikiさんのエントリー「text-indent: -xxxxemの弊害」で紹介されている内容ですが、現在のCSSテクニックの常套手段である画像置換をするとFirefoxではクリックした時に画面外に飛ばした範囲にまで点線が生じてしまうので、対策として a { outline: none; } 上記のような対策をしてきましたが、なんとこれに致命的なアクセシビリティーの欠如があることを知りました。 というのはリンクをタブキーでたどる際にフォーカスされないという問題です。 僕は日頃あまりノートPCを使わないので、タブキーでのリンクの移動などをしないという事もありまして、まったくもって気づきませんでした。 解決策は以下の通り a { overflow: hidden; } MacIEではリンクが消失してしまうらしいのでMacIE用のハ
Nifty Corners
Nifty Corners: rounded corners without images By Alessandro Fulciniti Update This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. You can read it here. The final version is Niftycube. Rounded Corners with CSS are a hot topic in web design: I think that there are hundreds of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
