ズーム機能と文字サイズ変更

No Photo

Surface Pro 3買いましたtanakaです。Windows端末買ったの、10年ぶりくらいです。Vagrantを動かすWindows実機環境が欲しかったのと、IE11タッチ操作モードな環境が欲しかったそしてゲーム環境が欲しかったからです。いや~噂に違わずアツい(?)デバイスですね。まだタイプカバーを買ってないのですがUS仕様が国内で買えるようになったら買います。

今日は、ウェブブラウザが持っている、コンテンツを見やすくする機能の、ズーム機能と文字サイズ変更についてまとめてみます。

ズーム機能を実装済みのモダンブラウザ・「文字サイズ変更」機能を持つWebサイト

今はサポート終了したIE6(デスクトップ向け)では文字を拡大する機能は文字サイズ変更だけだったようです。最近のモダンブラウザではズーム機能を標準で備えていて、機能へのアクセスしやすさから見ても、ズーム機能がメインになっています。

モダンブラウザがズーム機能を持って何年も経ちますが、2014年の今でも「文字サイズ変更」機能があるサイトを見かけます。自治体や官公庁のサイトは多いですね。 古い慣習の名残、と考えることもできますが、ブラウザの機能がメニューに "隠れて" いて使われない、使えないという理由も大きそうです。

この記事では、各ブラウザのズーム機能と文字サイズ変更へのアクセスしやすさを画像付きでまとめてみます。

ズーム機能

Internet Explorer 11

20140815_tanaka_01.png

IE11ではステータスバー右端に虫メガネアイコンのボタンがあります。ステータスバーが表示されれば、常時表示されてるということで良さそうですが、ステータスバーはデフォルト設定では非表示みたいです。

Firefox 31

20140815_tanaka_02.png

右上のドロワー?アイコンの中にあります。ボタンが大きめですね。 余談ですが、このズームボタンはカスタマイズによってアドレスバーやアドオンバーに移動して常時表示させることもできます。 (アドオンバーはFirefox29で廃止になったのでThe Addon Barをインストールして、復活させる必要があります)

20140815_tanaka_06.png

Chrome 36

20140815_tanaka_03.png

Firefoxと同じく右上のドロワーアイコンをクリックしてから操作します。ボタンが小さいです。

Opera 23.0

20140815_tanaka_04.png

左上のoperaボタンをクリックしてアクセスします。Chromeよりさらにボタンが小さいです…。

Safari 7

20140815_tanaka_05.png

文字サイズ変更

Internet Explorer 11

20140815_tanaka_07.png

Altボタンを押してメニューバーを表示してから表示文字サイズでアクセスします。

Firefox 31

20140815_tanaka_08.png

ズーム機能と統合されていて、Altでメニューバーを表示させて、表示ズーム文字サイズだけ変更をチェックすると拡大縮小時に文字サイズ変更だけとなります。

Chrome 36

20140815_tanaka_10.png

ドロワーメニューから設定を選び一番下にある詳細設定を表示...を選びます。ウェブコンテンツフォントサイズで切り替えます。

Opera 23.0

20140815_tanaka_09.png

Operaボタン→設定を選びメニューからウェブサイトを選択します。表示設定フォントサイズで切り替えます。

Safari 7

先ほど載せた画像にものっていますが、テキストのみ拡大/縮小をチェックすると拡大縮小時に文字サイズのみ変わります。

まとめ

モダンブラウザにはズーム機能があります。 従来の文字サイズ変更はSafariを除いて設定画面で変更するか、通常隠されたメニューからアクセスするようになっており、通常はズーム機能の使用が推奨されているようにみえます。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ