2016-10-28 9 views
2

私はすべてのフォントサイズをピクセル単位で定義しています。オンラインセクションのセクション508/WCAG 2.0レベルAAの互換性を確保するためには、相対的な単位を持つことが重要ですか?

body { 
    font-size: 14px; 
} 
h1 { 
    font-size: 42px; 
} 

一つは、508/WCAG 2.0のレベルAAの互換性チェッカーは、ブラウザを介して自分のフォントサイズを増加させた人々にそれがアクセスできるように相対単位でそれを置き換えるために私に助言しました。それは本当の必要条件ですか?私は他のオンラインチェッカーの誰も私にそう勧めていないので(私はそれが自動的にそれをテストすることは常に可能ではないことは理解していますが)疑いがあります。

答えて

3

私の知る限りでは、508はは、特にフォントサイズが調整可能であることを必要としませんが、専門家はは明示可能フォントサイズ変更をお勧めします。ニールソンsays

ユーザーコントロールフォントサイズをしてみましょう:小さなテキストは劇的タスクのスループットを減らすことによって、ユーザーをtyrannizes。 IE4には、ユーザーが簡単にフォントサイズを変更できる優れたUIがありました。次の世代のブラウザでこの設計を取り戻しましょう。このラインで

Section 508 § 1194.21(g)状態を行います

アプリケーションは、ユーザが選択したコントラストと色選択をオーバーライドしないものとし、他の個々の表示フォントサイズを有しており、互換性があり

属性WCAG text resize success criterionは:

著者の責任IBILITYは効果的

あなたが(テキストの画像を使用したり text-resize-adjust CSSを使用してのような)テキストのサイズ変更を禁止していない限り

、あなたは良いしているコンテンツをスケーリングからユーザーエージェントを妨げないWebコンテンツを作成することです。しかし、今日の終わりに、relative font sizeを使用すると、フォントのサイズだけでなく、行の折り返しなどの属性を含むテキストのサイズ変更の経験が向上します。これらの理由から、私は相対的なフォントを検討したい

美学しかし 、アクセシビリティのために重要でないために重要なサイズ。

+2

これは、font-sizeがpxで指定されている場合、テキストのサイズ変更を許可しないInternet Explorerの古い(<= v6 IIRC)の問題でした。現代のブラウザでは問題ではありません。 – steveax

+0

@steveaxあなたが何を主張しているのか分かりません。おそらく私は不明でしたか?一方で、誰かが、ブラウザのフォントサイズ変更機能(リンクされたビューポートサイズのタイポグラフィのような)を最大限に活用するサイトを構築することができます。このサイトでは、テキストのサイズ変更を防ぐサイトを構築することができます(例を含む私の編集を参照してください) 508とWCAGを含む。 – bishop

+0

答えをありがとう。しかし、基本的には、Ctrl +/Ctrlキーでフォントサイズを調整することができます(上記のTiffanyのように)。フォントサイズが相対単位か固定単位で定義されているかどうかにかかわらず、両方を使用することができます。 – sdvnksv

3

W3Cは、要件の1つとして「サイズ変更テキスト」を挙げていますが、ユーザーは画面拡大ツールプログラムのような補助技術を使用せずにページ上のテキストのサイズを大きくする必要があります。これをテストするには、影響を受けるページでCTRL- +またはcommand + +を押すことができます。テキストのサイズが大きくなると、コンテンツが要件を満たします。詳細については、Understanding SC 1.4.4, resize textをご覧ください。

+0

ありがとう!これもとても役に立ちました。 – sdvnksv

2

"px"単位は "cssピクセル"と定義されます。彼らはすでにPXユニットは、CSSの魔法の単位であるhttps://www.w3.org/Style/Examples/007/units.en.html

を参照してください "相対単位"

です。現在のフォントとは関係なく、通常は物理的なセンチメーターやインチにも関連しません。

あなたが使用しているツールは、最新のブラウザではもはや問題ではないため、正確ではなく、古くなっています。あなたはまた、上記のリンク先のドキュメントに示されている方法を採用することができます

しかし、フォントには、EMを使用することでも良いですサイズ。アイデアは、(1)BODY要素のフォントサイズを(HTMLで)設定しないで、読者が快適に読むことができるサイズであるため、デバイスのデフォルトサイズを使用することです。 (2)内の他の要素のフォントサイズを表現する

+0

ありがとう、アダム。このツールは、 "px"ユニットは相対的なユニットと見なすことができると考えていましたが、とにかく使用することをお勧めしませんでした。あなたの答えの残りはそれでも意味があります。 – sdvnksv

関連する問題