web-dev-qa-db-ja.com

信頼性を高めるためにユーザーがフォントを変更できるようにする

ユーザーが異なるフォントタイプを切り替えられるようにするための推奨事項やベストプラクティスを誰かが見つけたかどうかを確認します。特に、標準のフォントセットと、Dyslexicユーザーの読みやすさを向上させるために設計されたフォントセットを切り替える機能( http://dyslexicfonts.com/ )。

4
JeffH

理論的には、ブラウザーの設定とユーザースタイルシートを使用して、既にそれを行うことができます。失読症がひどい人はすでにそうしているのではないかと信じたいのですが、それが必ずしも明らかな機能であるとは限りません。

「フォント設定」は、Webサイトでさまざまな程度に行われています。これは確かにあなたが提供できるものであり、Webフォントを使用することで、以前よりも実装が簡単になると思います。おそらく私はそれを最初の機能とはしませんが、おそらくユーザーが「アクセシビリティ設定」ページで選択できる設定です。

1
DA01

Dyslexicフォントの恩恵を強く受ける人なら誰でも、ブラウザでフォントを変更する方法を知っているはずです。なぜなら、1000あるサイトの1つではインタラクティブにフォントを選択できないからです。

したがって、ユーザーが選択したフォントがサイトのデザインに影響を与えないようにする必要があります。これは、ウィンドウの幅やフォントサイズと同様に、ユーザーが担当する必要があります。あなたはそれらを妨げてはいけません。

1

これが失読症の人々を念頭に置いて特別に設計されたWebサイトである場合、私はページの上部に次のような適切なサイズのボタンを配置します(縮尺ではありません...):

Drawing of window

(私はそれがひどいことを知っていますが、ペイントでそれを作りました:-))

OpenDyslexicフォントのテキストを含む画像にする必要があると思います。画像が必要なのに、ビジターが追加のフォントをダウンロードする必要がないようにするためです。私は失読症についてはあまり知りませんが、ディスレクシアを非常に見やすくするように心がけてください。そうすることで、切り替えられることを知らなかったときにテキストを読むのに苦労しなくなります。

OpenDyslexicがオフの場合、「ディスレクシアフォントをオンにする」などと表示されます。オン/オフ状態が永続的であることを確認してください(Cookieなどを使用)。オンの場合、ボタンには通常のフォントで「ディスレクシアフォントをオフにする」のようなメッセージが表示されます。

Webサイトがそのように設計されていない場合は、ボタンを小さくするか、単純な古いリンクにすることができます。

実際のアプリケーション/プログラムでは、同様のことを行う必要があります。失読症の人のためにこれを作成している場合は、必要に応じてボタンを常に隅に表示します。そうでない場合は、設定メニューに配置します。

結局のところ、それはあなた次第です。

0
Andrew Sun

これをどのように実装しますか? CSSを提供するときに、Webサーバーに別のフォントファイルを@includeしますか?実装面でもっと考えています。

確かにブラウザはフォントを切り替えさせましょうが、それはあまり使われている機能ではないと思います。私はそれを使用しますが、何年もウェブをサーフするまでは使用しませんでした。 JavaScriptまたは何かを介して、ユーザーが使用できるフォントのリストを取得し、それらを設定ページで使用可能なフォントとともに表示できると便利です。

しかし、この場合も、この機能を必要としないユーザーはそれを探したり、無視したりする可能性があります。さらに優れたフォントを必要とするユーザーは、ブラウザーを介してフォントを切り替える方法をすでに知っています。

0
Jerry Saravia

私はこれを英語のWebサイトでは多くのオプションとは考えていませんが、日本語のWebサイトでは、フォントサイズを切り替えて小中大の設定にすることは非常に一般的であり、スタイルは非常に一貫しています。これは、ほとんどの場合、ページの右上にある3つのボタンのセットとして含まれています。

Fuji News は一般的なスタイルを使用します-右上のRSSボタンを探します。そのすぐ下の大中小ボタンはフォントサイズを変更します。

Asahi 新聞はAaボタンの下に隠されたわずかに異なるトグルを使用していますが、同じ場所にあり、同じ3つのオプションがあります。

NHK(国営放送)や東京の公式サイトのページにも掲載されています。

私は日本語でいることは特に役に立たないことを知っていますが、同じ正確なパターンが普及しているということは、それが正しいことをしていることを意味します。

0
polm23