タグ

FIRに関するk_37toのブックマーク (2)

  • mezzoblue § revised image replacement

    Moving On, Dec 9 2016 10 Years, May 7 2013 | 83 A New Number 1, Nov 1 2011 | 14 Serendipity, Mar 8 2011 | 5 Free Icons, Feb 22 2011 | 9 Boilerplate, Jan 31 2011 | 29 projects Revised Image Replacement Plenty of new and interesting revisions to the original Fahrner Image Replacement technique sprouted up in late 2003. This was an attempt to consolidate them. Please note that this page is no longer

  • アクセシビリティを更に高めるFIR | Blog hamashun.com

    text-indentや他の方法でテキストを追いやって、代わりに画像を配置するテクニック、いわゆる画像置換やFIRと呼ばれるテクニックがあります。 これは音声ブラウザにおいても情報が読み上げられる事から、高いアクセシビリティを持つテクニックとされています。 主にナビゲーションなどで利用されていますが、最近では徐々に使われなくなってきているとか。 恐らくその理由は、CSSが有効で画像がオフの場合に、何も表示されないという点からだと思います。 まあ、そんな環境がどれだけあるのかは分かりませんけれど。 今回は、極力アクセシビリティを高めつつも、それなりにデザインを保てる方法をご紹介します。 アクセシビリティを高める、という意味では、テキストリンクにしてしまうのが一番です。 これならどんな環境でもほぼ対応できます。 しかし、デザイン的な問題が残ります。 特にメインナビゲーションなどには、やはり背景

  • 1