私は主に慈善団体と協力している小さなウェブ代理店の開発者です。すべてのサイトに単純なテキストサイズのウィジェットを配置する傾向があります(例 www.embraceme.orgの右上 )。私はそれが必要かどうか疑問に思っています。誰かが見づらい場合は、OS /ブラウザレベルでそれらを助けるためのツールがいくつかあります。各Webサイトが車輪を再発明する場合、それはユーザーが再学習を続けなければならない新しいツールです(サイトの余分で不要な複雑さは言うまでもありません)。アクセシビリティ/ユーザビリティの専門家はいないので、この点についての人々の意見をぜひ聞いてください。
個々のWebサイト内でこのようなフォントサイズオプションを提供することはasこれまでよりも重要ではありません(たとえば、適切なフォントサイズ変更オプションがなかったため、IE6がより一般的なブラウザーであった場合など)。だからといって、もはやその場所がなくなったわけではありません。 London 2012 Paralympics などのように、Webサイトのターゲットユーザーが障害を持つユーザーに集中している場合に特に役立ちます。
ただし、フォントサイズの主な優先事項は、あちこちに小さな「ウィジェット」に焦点を当てるのではなく、正しい最新のHTML標準を使用してサイトをまとめることを保証することです。
テキストのサイズ変更に関する主なアクセシビリティ要件は次のとおりです。
WCAG 1.4.4テキストのサイズ変更:テキストのキャプションと画像を除いて、テキストは支援技術なしで最大200までサイズ変更できますコンテンツまたは機能を失うことなくパーセント。 (レベルAA)
これはさまざまな方法で実現できますが、すべて適切なHTML標準を使用しています。たとえば、標準の読み取り可能なフォントを使用し、デフォルトのフォントサイズを小さすぎないようにしてください。フォントをems
ではなくpx
に維持して、ユーザーがフォントサイズを調整したときに正しくサイズ変更されるようにします標準のブラウザコントロール、およびレイアウトをアダプティブ/流動的に保ち、フォントサイズが大きくなったときにコンテンツが画面/コンテナの外に拡張されないようにします。
w3cサイト-SC 1.4.4テキストのサイズ変更 を理解する webaim。 org
プロジェクトの対象読者を確認します。ユーザーが軽度の視覚障害や失読症に苦しんでいるためにページはめ込みフォントのサイズ変更のメリットを享受する可能性が高い場合、またはIE6の使用にロックされている場合(そして、これがもう当てはまらないことを願っています) 、そのオプションを提供することはおそらく役立つでしょうが、現在のWebデザインでは、コードを形にして適切なHTMLを使用することがより重要であり、ユーザーがWebをどのように体験したいかを制御できるようにすることができます。
私は最近、ニールセン/ノーマングループの会議に参加し、この質問が尋ねられました。彼らが出した答えは、彼らが行った多くのユーザビリティテストで、ユーザーが実際に機能を使用したことがあったとしても、ごくわずかです。
つまり、使用したい場合は、右上の場所に配置すると、ユーザーがそれを見つけて使用する可能性が低くなります。
いくつかの異なるプレースメントをテストするか、GAイベントトラッキングを設定して、ユーザーがこの機能を使用しているかどうかを確認することをお勧めします。
右上ではなく、あなたはそれを含めると思います。どうして? Webを使用している高齢者は、ブラウザの設定を変更する方法をよく理解していない可能性があり、利用可能なものをすぐに見ることができるので、より役立つでしょう。これはZoom Textなどの拡大鏡ソフトウェアには影響しませんが、Jawsなどのスクリーンリーダーとどのように相互作用するかわかりません。
本文のフォントサイズを設定しない場合は、ブラウザの設定で指定されているフォントサイズを使用します。あなたのサイトはnotを設定しているように見えますwillブラウザー設定のフォントサイズを使用して、テキストウィジェットを幾分冗長にします。
(したがって、将来的にはこのままにしておく必要があります。メインテキストのフォントサイズはnotがCSSで設定され、そのままの状態で機能し続けます。)
ユーザーのブラウザーでフォントサイズ(*)を増減できるようにサイトを構築した場合、ウィジェットは必要ありません。
*:フォントサイズズームはページズームと同じではないことに注意してください(後者は今日の多くのブラウザーのデフォルトですが、ユーザーがフォントサイズズームに切り替えることができます)。
サイトのfont-size cannotがユーザーのブラウザによって変更される場合(非常にまれなケースである、サイトを構築した特別な方法のため)、ウィジェットを提供する必要があります。
しかしifウィジェットを提供する場合、それがすべての訪問者に対して機能することを確認する必要があります。 embraceme.orgのウィジェットは使用できません。これは、Cookie and JavaScriptが必要なためです。 JS/Cookieが無効になっているユーザーに対しても機能するように構築できない場合は、非表示にする必要があります。