アクセシビリティの高いコンテンツの作成と設計は、単にコンテンツを選ぶだけでは不十分 読みやすいフォントにしますアクセシビリティの高いフォントファミリーでも ロービジョンの人や 認知、言語、学習の障がいのある人は、テキストの処理に苦労することがあります。 その他の要素(フォントのバリエーション、サイズ、間隔、カーニングなど)によって、 いくつか挙げられますこのモジュールでは、データ アナリストが解決するための より多くの人にリーチして インクルーシブなコンテンツを作成できます
Typeface
コピーのアクセシビリティに大きく影響する要素は、書体です。書体やスタイルの選択が、ページのデザインを左右します。
ディスレクシア、注意欠陥多動性障害(ADHD)などの読字障害、学習障害、注意障害を持つ人やロービジョンの人も、アクセシビリティの高い書体を使うことで恩恵を受けられます。
一般的な書体を選択する 最も簡単な方法は、共通の書体(Arial、Times New Roman、Callibri、Verdana など)を選択することです。
障がいのある人を対象とした書体研究の多くでは、一般的な書体のほうが、一般的でない書体よりも早く読め、理解が深まることがわかっています。こうした一般的な書体は本質的に他の書体ほど使いやすいものではありませんが、障がいのある人の中には、こうした書体を扱った(またはその周囲に)豊富な経験があるため、読みやすい人もいます。
一般的な書体を選ぶだけでなく、華やかな書体や手書きの書体や、大文字と小文字が 1 つだけしか使用できない書体(例: 大文字のみ)は避けてください。筆記体のデザイン、奇妙な形、細い線のような芸術的な特徴を持つこのような特殊な書体は、見た目はきれいに見えるかもしれませんが、障がいのある人にとっては、一般的な書体より読めにくいものです。
文字の特性とカーニング
Serif と Sans Serif の書体はどちらの方が読みやすいかについての研究 read は有意な結果を示さないため、 数字、文字、組み合わせによっては、 言語学習や認知障がいのある人々。 この種の障がいのある人々は、すべての文字と数字を 明確に定義され、固有の特徴を持つため、文字が混同されない 数値で表します
読みやすさを損なう一般的な用語は大文字の「I」(インド)、小文字の「l」 (lettuce)、数字「1」です。同様に b/d、p/q、f/t、i/j、 m/w と n/u は、一部の読者向けに左右または上下に反転できます。
文字の間隔やカーニングが大きすぎると、コピーの読みやすさも低下します。 困難です。特に、問題のある箇所と 文字ペア r/n です。それ以外の場合は、「yarn」などの語句「yam」に変更できる「stern」 「stem」にします。コピーの意味がまったく変わることはありません。
Google Fonts などのオープンソースの書体コレクションを使用すると、 次のデザインで最もインクルーシブな書体を選択できます。 Adobe プロダクトを使用している場合は、Foundry からアクセス可能なフォント ファミリーを埋め込むことができます 設計に直接組み込むことができます。たとえば、 Google Fonts。
次の書体を探す際は、特に次の点にご留意ください。
- 可能な限り共通のフォントを使用します。
- 緻密なフォントや手書きのフォント、大文字と小文字が 1 文字だけのフォントは使用しないでください。
- 大文字の I、小文字の l、1 に特に注意して、独自の特徴を持つ書体を選びます。
- 特定の文字の組み合わせについて、完全にミラーリングされた画像ではないことを確認します。
- 特に r/n 文字ペアの間のカーニングを確認します。
フォントサイズとタイポグラフィ スタイル
多くの人は、アクセシビリティの高いフォント ファミリーを選択すればインクルーシブなコンテンツを作成できると考えがちですが、フォントサイズとページ上のテキストのスタイルを考慮することも重要です。
たとえば、ロービジョンや色覚障がいを持つ人は、サイズが小さすぎると、ブラウザのズームなどの AT を使ってコピーを読むことができない場合があります。一方、ディスレクシアや読字障害を持つユーザーなどは、斜体のテキストを読むことが難しい場合があります。スクリーン リーダーは太字や斜体などのスタイル設定を無視することが多いため、これらのスタイルの意図は目の見えないユーザーやロービジョンのユーザーには伝えられません。
h2 {font-size: 16px;}
h2 {font-size: 1rem;}
すべてのユーザーのニーズを予測することはできないため、デジタル製品にフォントを追加する際は、次のガイドラインを考慮してください。
- ベースフォントサイズは相対値(%、rem、em)で定義し、 簡単にサイズ変更できます。
- 色、太字、すべて大文字にする、 斜体で示し、読みやすくします。代わりに、メソッドを使用して単語を強調するために (アスタリスク、ダッシュ、個々の単語のハイライト表示など)がコピーされます。
- 可能な限り、画像にはテキストではなくマークアップを使用します。スクリーン リーダーは 画像上の埋め込みテキスト(追加コードなし)、埋め込みテキストの読み取り また、ロービジョンのユーザーが拡大した場合にモザイクになることもあります。
構造とレイアウト
書体、フォントサイズ、タイポグラフィ スタイルはユーザー補助機能が重要 タイポグラフィ、 構造 画面上のテキストや図のレイアウト ユーザーにとって理解するうえで重要となる場合もあります。
ロービジョンの人や読書の妨げになっている場合、複雑なレイアウトは 米国で 610 万人の ADHD 患者が報告されています。 この種の障がいがあると、人は自分の生活を維持することは コピーのフローに沿って配置する必要があります これは直線的な経路がわかりにくいため 見出しの欠落、グループ化されていない要素などです
ユーザー補助のレイアウト デザインで重要なのは、 グループ化しますもし 要素が近すぎると、要素がどこから始まっているのかがわかりにくい 特にスタイルが似ている場合は重要です
コピーは、1 つのメールに記載された個別の箇条書きのようなものと 概要をご覧ください。これにより、ページ全体の構造を計画して、 見出し、小見出し、およびリストを適宜使用できます。
間隔
段落、文、単語の間隔も重要です。これにより、読者がコピーに集中し続けることができ、ページ全体の視覚的理解が深まります。長いコピーは、読み手が自分の居場所を維持したり、コピーの流れを追ったりすることが難しいため、障がいのある読者にとって障壁になりかねません。文章が縦に長くなると、読者が次の行に移りやすくなります。
コンテンツの配置
障がいを持つ多くの人々にとってもう一つのフラストレーションは、読解が正当であることです。 コピーします。両端揃えで単語間のスペースが不均一であるため、 クリックします。コピーが読みづらくなります
テキストの両端揃えによって、複数の単語がまとめられたり、 不自然な方法で引き伸ばされているため、読者が目的の単語を見つけにくい できます。
ありがたいことに、正しい行の高さや黄金比の計算ツールなど、スペースやツールに関する明確なガイドラインがあり、コピーを利用しやすくなっています。これらのガイドラインを取り入れることで、注意欠陥障がい、読解障がい、視覚障がいを持つ人が、レイアウトにあまり気を取られずにコピーに集中できるようになります。
構造とレイアウトに関するベスト プラクティス
構造とレイアウトを検討する際は、次の点に留意してください。
- 見出し、小見出し、リスト、数字、引用符などの要素を使用し、 ページを複数のセクションに分割します
- 明確に定義された段落、文、単語間隔を使用します。
- 幅が 80 文字(全角 40 文字、半角 40 文字)以内のコピーの列を作成します。 使用しないでください。
- 段落を両端揃えにすること(スペースの流れ)は避ける次の範囲内 できます。
アクセシブルなタイポグラフィのポイント
ユーザー補助タイポグラフィは、 ユーザーの情報を把握して必要があります。このモジュールを念頭に置いて、 コンテンツの設計と作成は コミュニケーションを図れます。
理解度をチェックする
アクセシビリティの測定に関する知識をテストする
テキストが読みやすいように、コピーと背景は常に高コントラストを使用する必要があります。
ユーザー補助に最適なフォントとは