ウェブサイトに「文字サイズ変更ボタン」の設置は不要

アクセシビリティやユーザビリティを向上させるという名目でウェブサイトに独自の文字サイズ変更ボタンを設置するケースが見うけられますが、本来ユーザエージェントが担うべき機能であり設置は不要です。

  1. ウェブサイトに「文字サイズ変更ボタン」の設置は不要

アクセシビリティやユーザビリティを向上させるという名目でウェブサイトに独自の文字サイズ変更ボタンを設置するケースが見うけられますが、「文字サイズを変更する」といった、あるウェブサイト固有のコンテンツではなく、ウェブサイトの閲覧という一連の体験の中で共通して提供されるべき機能については、本来ユーザエージェント(ブラウザソフト)が担うべき機能です。

そして、知りうる限りすべてのブラウザには文字サイズを変更する機能が実装されていることを考えれば、ウェブサイト側で独自にこのようなボタンを設置することは不要という結論になります。

さらに言えば、ウェブサイト独自に設置される文字サイズ変更機能は総じてその機能が中途半端です。

ブラウザがもつ文字サイズ変更機能は、多くの場合、無段階で利用者の好みに応じた文字サイズに調整が可能ですが、ウェブサイト側で独自に設置される文字サイズ変更ボタンは、「大」「中」「小」など限定された文字サイズに決め打ちされているケースが多く、ほとんどの場合で利用者のニーズを満たすことはできません。

また、何をもって「大きな文字サイズ」なのかといった基準や、操作方法、ボタンの数などについても、標準化された仕様に基づいてではなく、各ウェブサイトが独自の解釈で実装するため、ひとくちに文字サイズ変更ボタンといっても、ウェブサイトごとにその挙動はばらばらになることが多くなります。このような状態はヒューリスティック 10 原則における「一貫性と標準」の原則に則さず、ユーザビリティの観点からも問題が多い機能といえるでしょう。

なお、このようなウェブサイト独自に実装される文字サイズ変更ボタン、あるいは音声読み上げボタン、文字色を含むコントラスト変更ボタンなどに関しては、総務省が公開している「みんなの公共サイト運用ガイドライン(2016年版)」内、「2.1.4. ウェブアクセシビリティ対応に関する誤解」の項目でも触れられており、下記のようにこのような機能の提供がウェブアクセシビリティ対応ではない旨が明記されています。

ホームページ等において、音声読み上げ、文字拡大、文字色変更等の支援機能を提供する事例がありますが、これだけでは、ウェブアクセシビリティに対応しているとは言えません。

利用者は、多くの場合、音声読み上げソフトや文字拡大ソフトなど、自分がホームページ等を利用するために必要な支援機能を、自身のパソコン等にインストールし必要な設定を行った上で、その支援機能を活用して様々なホームページ等にアクセスしています。つまり、ホームページ等の提供者に求められるアクセシビリティ対応とは、ホームページ等においてそのような支援機能を提供することではなく、ホームページ等の個々のページをJIS X 8341-3:2016の要件に則り作成し提供することにより、利用者がそのページを閲覧できるようにすることです。

文字サイズ変更ボタンを設置するよりも文字サイズを変更しやすい実装を

文字サイズ変更ボタンのような不要な機能を実装する前に、ウェブサイトの実装において、例えば拡大しにくい文字画像(画像として書き出された文字情報)を使用しない、HTML や CSS の実装において、文字サイズの変更を妨げるような実装を行わないといったことの方が重要です。

文字画像を使用しないことは、文字サイズ変更以外にも、ウェブページの背景色と文字色のコントラスト比を利用者が視認しやすいように調整したいといったニーズを妨げないことにもつながります。また、ウェブページに掲載される図版など、文字以外のコンテンツに関しても、なるべく文字情報でそれと同等の情報を掲載することをコンテンツ制作のルールに定めるなど、ウェブコンテンツの制作者が取り組むべきことは多々あります。

その上で、ブラウザが提供する文字サイズ変更機能が、一般的な利用者にとってわかりにくいということであれば、ヘルプページなど、ウェブサイトの利用方法を案内するコンテンツを利用して、ブラウザがもつ文字サイズ変更機能の利用方法を案内するのがよいでしょう。

アクセシビリティ

ご相談・お問い合わせ

We’re here to support your business

まじめにウェブサイトのユーザー体験(UX)を向上させたい、ウェブアクセシビリティへの取り組みを継続的に行いたい、本気でウェブサイト活用について相談できるパートナーが欲しい…… そんな企業の皆様の想いにバーンワークスは真剣に向き合い、最適解を提供いたします。

Copyright © burnworks Inc. All Rights Reserved.