ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません

ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません

ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません

解像度はますます高くなりますが、フォントは小さくなります

実際には、目の前の画面を読むことがますます困難になっている要因が 2 つあります。 1 つ目は、画面解像度の増加に伴い、開発者はより多くのコンテンツが収まるようにインターフェイスを小さくする傾向があるということです。古いモニターでは、解像度が低くても文字が大きくなっていました。

ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません

ますます細いフォント

2 番目に明確な要素は、使用されるフォントと色です。過去 10 年間で、よりシンプルで様式化されたフォントが流行してきました。以前は、白い背景に幅の広い黒のフォントが使用されていましたが、現在では、フォントを濃い灰色や青の色合いに切り替えているページも多くあります。

ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません

多くの人が考慮していない重要な要素である色

比較として、白い背景 (#ffffff) 上の純粋な黒いテキスト (#000000) のコントラスト比は 21:1 で、これが達成可能な最大値です。テクノロジー企業は、これを最小値として 7:1、最大 3 分の 1 にすることに同意しています。白の背景に完全な黒は、失読症の人にとって問題を引き起こす可能性があるため、使用されません。たとえば、Word ではデフォルトで完全な黒が使用されます。

問題は、 Google独自の検索エンジンには、黒と白の間の 25% の灰色のトーンの文字 (#545454) が含まれており、比率は7.57:1で、法定最小値に近いことです。少し暗いですが、真っ黒ではありません。

Apple のページでは、黒と白の約 60%、つまり推奨最小値を大きく下回る2.61:1 の比率でグレーで書かれたテキスト (#999999) も見つかります。残りの部分は、Google の検索エンジン (#464646) と同様の灰色ですが、純粋な白ではなく、わずかに暗い色 (#f5f5f5) が使用されていることを考慮する必要があります。

たとえば、ADSLZone では、純粋な白の背景 (#ffffff) に濃いグレー (#464646) を使用します。これにより、最小値をはるかに上回る 9.44:1 のコントラストが得られます。比較すると、上の写真の最初のケースはWord で 21:1 の比率で書かれており、2 番目のケースは Web サイトに表示されているものと同じで9.44:1 の比率です。 3 番目は、 Google で 7.57:1 の比率でどのように表示されるか、最後に、100% 白ではない背景 (約 92% の白) で2.61:1の比率で Apple ページでどのように表示されるかです。

ウェブサイトを読むのがますます難しくなってきていますか?それはあなたのせいではありません・関連動画