今日は、Webページのコントラストを上げて読みやすくする方法を説明します。 多くのWebページは、柔らかい背景にパステルカラーを使用しており、多くの人にとって非常に快適ですが、強いコントラストがないため、視覚に問題がある人にとってはひどい経験になる可能性があります。
Webページのコントラストを上げて読みやすくする方法は？
コントラストは、背景のテキストを識別するのに役立ちます。コントラストを強制すると、ページの作成時に定義したい視覚効果の一部が損なわれる可能性がありますが、読みやすくするのに役立ちます。これは、結局のところ、コンテンツを広めることの目的です。
ブラウザにはこのネイティブリソースがありません。右ボタンを押して、アクセスしているページのコントラストを調整する方法はありません。 一部のモニターはそれを実行できますが、各Webページがこれらの調整に異なる方法で応答する可能性があるため、結果は通常非常に疑わしいものです。
今日お見せするのは、Chrome、Edge、Firefox、Brave、Vivaldiに適用できるソリューションです。これは、上のスクリーンショットに表示されているコントロールを表示するために無料でインストールできるプラグインです。私たちが見ているもののコントラストをよりよく管理および制御します。
彼らはそれを次のように提示します：
低コントラストのテキストは最も一般的なアクセシビリティの問題であり、ページの86.4％に影響します。 Polypane（https://polypane.app）用に開発されたテクノロジーに基づくこの無料の拡張機能は、アクセスしたサイトのコントラストの問題を自動的に修正します。
担当のアルゴリズムは、コントラストの問題を検出し、十分なコントラストで最も近い色を自動的に提案します。 これは、Polypaneを使用してサイトを作成するユーザー向けの既存のリソースであり、同じコードを使用して、多くの人々を支援できる無料のプラグインを作成しました。
一番良いのは、自動的に調整できることですが、読みやすさを向上させるために、各テキストの後ろに黒い背景を配置するように依頼することでカスタマイズすることもできます。
fix11y.comからインストールできます。
