headingもテキストで

WCAG 2.0のためのCSSテクニック

1.1 変化させる必要のあるプロパティ値にはemもしくは%を使用する

WCAG 2.0のためのCSSテクニック

1.2 変化させる必要のないプロパティ値にはpxを使用する

WCAG 2.0のためのCSSテクニック

h1h2h3等の見出しに画像、文章部分はテキストとしてem%を使用している事が多くみかけられる。

美しく、一見親切のようであるが、ブラウザで文字の大きさをコントロールしても画像を使った見出しの文字サイズは変わらない。アンバランスである。

見出しが読めなくても良いのか。重要であるからこそh1h2でマークアップするのではないか...

Posted