_横浜市UD.indd

Size: px

Start display at page:

Download "_横浜市UD.indd"

きよあつおなか
5 years ago
Views:

わかりやすい印刷物のつくり方 ~ ユニバーサルデザインの視点から ~ 目次 1 2 3 4 5 6 はじめに P 1 印刷物に対する声 P 1 このような例はありませんか P 2 世の中にはいろいろな人がいます P 4 印刷物の種類 P 8 印刷物作成のポイント (1) 文字の大きさ P 9 (2) 文字の字体 P 9 (3) 文字の字間

2 わかりやすい印刷物のつくり方 ~ ユニバーサルデザインの視点から ~ 目次はじめに P 1 印刷物に対する声 P 1 このような例はありませんか P 2 世の中にはいろいろな人がいます P 4 印刷物の種類 P 8 印刷物作成のポイント (1) 文字の大きさ P 9 (2) 文字の字体 P 9 (3) 文字の字間行間余白 P 10 (4) 読みやすい表現方法 P 10 (5) 色使いの工夫 P 12 ~ 18 ~ コラム色について ~ P 13 7 他の情報媒体について P 19 印刷物チェックシートユニバーサルデザイン (UD) あらかじめ障害の有無年齢性別人種等にかかわらず多様な人々が利用しやすいよう都市や生活環境等をデザインする考え方

3 1 はじめにユニバーサルデザインの視点から印刷物をつくろう! せっかくのパンフレットや冊子もちょっとした配慮が足りないばかりに情報が十分に伝わらないことがあります情報はすべての活動の基盤となるものです今回作成したわかりやすい印刷物のつくり方はだれにでもわかりやすく情報を発信するためのヒント集ですこれから印刷物をつくろうとする皆様にご理解いただくとともにデザイン印刷を委託する際には事業者の方にお渡しいただきすべての市民にとって少しでもわかりやすい印刷物を目指しましょう 2 印刷物に対する声 ~ 印刷物のバリアフリーに関するアンケート ( 平成 19 年度実施 ) より ~ 今までに読みにくいわかりにくいなどと言われたことはありませんか大きな字で書いてほしい! 題名はよいが本文の字が小さい / 注意書きの文字を大きく / 無駄な装飾文字が目につく読者の視点に立った文章を! 具体性に欠ける / 要点がわからない / カタカナ語で意味がわからない / 読む順序がわかりづらい / 専門用語をわかりやすく説明してほしい / 見出しから内容がわかるようにしてほしい色使いが気になる! 強調したい箇所がわからない / なぜ色をつけたのかわからない / 色が多すぎてどれが重要かわからない / 統一した色使いにしてほしい / 文字の背景に色や模様があると見えづらい問い合わせ先支障のない範囲で問い合わせ先の掲載がほしい / 詳しい情報はとして UR Lの紹介を併記してほしいその他絵や写真が多すぎる / イラストにも品格があるものを載せてほしい / 光沢紙は蛍光灯の下だと光って読みにくい 1

4 3 このような例はありませんか改善前文字が見にくい横浜の歴史を学びながらまちのバリアフリーチェックツアー前置きが長い文字が見にくい 1859 年安政 6 年の開港以来横浜は 2009 年に年に開港 150 周年を迎えますまた平成 20 年１月１日現在の横浜市の老年人口 65 歳以上割合が 18.4 となり横浜市の将来推計人口によると平成 37 年には 26% 26% ５人に１人は高齢者になるといわれていますしたがってまちのバリアフリーセーフティーネットは重要な課題となっていますそこでこの由緒ある歴史を学びながら古きを知りかつこれからのまちのあり方を考えるきっかけにバリアフリーチェックをしながら横浜の地を歩いてみませんかチェックツアーでは横濱ガイド協会が横浜の歴史を皆さんに紹介しますまたハートフル横浜の会員がまちのバリアフリーポイントを解説します歴史が好きな方ウォーキングが好きな方車いすを使用している方視覚障害のある方どなたでも参加可能ですぜひご参加ください日時平成 00 年 10 月１日午前 10 時午後３時場所関内山下公園みなとみらい地区を歩きます赤字だけでは強調開港記念会館神奈川県庁山下公園赤レンガ倉庫関内駅横浜市庁舎前になりません集合場所 JR 関内駅横浜市庁舎募集対象横浜市内在住の方参加費無料無料交通費食事代などは各自でご用意ください交通費食事代などは各自でご用意ください応募方法氏名年齢住所電話番号をご記入の上郵送または FAX でご応募ください先着順応募多数の場合参加できないことがございますご了承ください定員 30人大さん橋集合場所等がわかりにくい色数が多い赤レンガ倉庫山下公園山下臨港線プロムナード神奈川県庁開港資料館開港記念会館横浜市庁舎横浜スタジアム応募先問い合わせ先２３１００１７横浜市中区港町１１横浜市健康福祉局地域福祉保健部福祉保健課ユニバーサルデザイン担当電話０００００００ FAX ０００００００ JR 関内駅 2 イラストや写真が多い

5 写真に文字を重ねない文字色と背景色のコントラストをはっきりさせます横浜の歴史を学びながらまちのバリアフリーチェックツアー参加者募集改善後色使いの工夫等で地図を見やすくします切り込みを入れて SP コードの場所を知らせます問い合わせ先には FAX 番号やメールアドレスも載せます 3

6 4 世の中にはいろいろな人がいます視覚障害者特性疾病等により後天的に障害となった人が 80% と多く年齢が高くなるほど増加していますまったく見えない全盲の人は 2 割程度その他は弱視 ( ロービジョン ) と言われています弱視者は周囲の明るさや対象物のコントラスト等の状況によって同じものでも見え方が異なる場合がありますほかに視野の欠損により周囲の情報を十分にとらえることができない障害視力低下ぼやけて見えにくい視野狭窄により見えにくい視野の中心の暗点により見えにくい明順応障害がありまぶしくて見えにくい等様々な障害があります配慮事項状況にあわせて選びましょう拡大文字版できるだけ大きな文字で作成しましょう (A4 判の場合ポイント ) 拡大印刷したものを用意しましょう ( 例 :A4 判 A3 判 ) Web 版音声で読み上げるソフトを使用して Web ページを利用する視覚障害者が増えています (P19 参照 ) 点字版点字を読むことのできる人は視覚障害者のうち約 10% です点字表示に関する JIS 規格 (JIS T0921) があります音声版 (P8 参照 ) 耳で聞いたときにわかりやすい文章にしましょう表写真図等には説明を加えましょう 4

7 読者の特徴を把握しだれにでも読みやすい印刷物をつくりましょう色弱者特性遺伝子のタイプの違いや目の疾患等により色の見え方が一般的な見え方とは異なります色弱者の割合は男性の 20 人に1 人女性の 500 人に1 人全国では 300 万人以上いると言われています世界でみると約 2 億人となり血液型が AB 型の男性の数に匹敵します色弱者の大部分が赤 ~ 緑の波長域が見分けづらく濃い赤が黒に見えることがありますまた明度や彩度 (P13 参照 ) の近い色の識別が困難です色覚のタイプによる色の見え方 C 型 ( 一般色覚 ) P 型強度 D 型強度 T 型日本人男性の約 95% 日本人男性の約 1.5%( 強弱全体で ) 日本人男性の約 3.5%( 強弱全体で ) 日本人男性の約 0.001% 上の図は色覚のタイプ別にそれぞれの色がどのように見えているかを示しています P 型 D 型の人は赤と緑がほぼ同じ色に見えていることがわかります配慮事項色の見え方は一様でないことを常に意識しましょう色名による情報伝達はだれにでも適用できるものではないことに注意しましょう色の組合せに注意し白黒コピーしても情報が読み取れる状態にしましょう重要な情報は色 + 別の要素で識別できるようにしましょう 5

8 高齢者特性平成 26 年には横浜市の高齢化率は 23% となり約 4 人に 1 人が 65 歳以上の高齢者になると見込まれています 40 歳代には視力の変化を自覚するようになり 60~70 歳代で裸眼視力の平均は歳代では 0.2 ~ 0.3 程度になります加齢とともに色覚機能も低下していきます黄系や青系の感度が鈍くなりコントラストに対する感度も低下しますまた白内障になると視野が白濁していきすりガラス越しのような見え方になります配慮事項できるだけ大きな文字で作成しましょう (A4 判の場合 12 ~ 14 ポイント ) 拡大印刷したものを用意しましょう ( 例 :A4 判 A3 判 ) 外来語や略語に気をつけわかりやすい言葉を使いましょう色使いは彩度 (P13 参照 ) を高めにしコントラストも強めにしましょう特性聴覚障害者先天性の障害や乳幼児期に失聴した場合言語を習得する前から発症しているため複雑な表現や難しい漢字などを理解することが苦手な人がいます配慮事項難しい漢字を使う場合はひらがなやカタカナのルビをつけましょう印刷物の問い合わせ先には必ず FAX 番号を記載しましょうメールアドレスを併記するとより効果的ですわかりやすく情報を伝えることは発信者の責務ですね 6

9 特性知的障害者知的機能の障害がおおむね 18 歳までの発達期にあらわれ社会生活への適応能力が低くなります発達障害を併せもつこともあります複雑な表現や難しい漢字などを理解することが苦手です配慮事項イラストや写真を取り入れやさしくわかりやすい言葉で表現しましょう難しい漢字を使う場合はひらがなやカタカナのルビをつけましょう特性子ども発達段階にもよりますが複雑な表現やまだ教えられていない漢字などを理解することは困難です配慮事項イラストや写真を取り入れやさしくわかりやすい言葉で表現しましょう難しい漢字を使う場合はひらがなやカタカナのルビをつけましょう特性外国人日本語を母国語としないため複雑な表現や難しい漢字などがわかりにくいことがあります配慮事項イラストや写真を取り入れやさしくわかりやすい日本語で表現しましょう難しい漢字にはひらがなでルビをつけましょう横浜市外国語広報のあり方に関する指針に基づき積極的に外国語で情報を発信しましょう翻訳する場合は横浜市国際交流協会 (YOKE) の多言語情報作成マニュアル多言語標準訳語集を参考にしてください YOKE の Web ページで閲覧できますインターネットで YOKE 検索 7

10 5 印刷物の種類印刷物の種類とその特性を知り目的や読者に応じて使い分けましょうポスターちらしパンフレット特徴用途特徴用途特徴用途視覚的なインパクトで訴えます少ない部数で多くの市民に知らせることができます啓発イベント募集等 1 枚ですべての情報を伝えます伝える情報は簡潔に要領よくまとめる必要があります啓発お知らせイベントプログラム等文章とビジュアル ( イラスト写真 ) が容易に使え見せる印刷物づくりが可能です系統だった説明や多面的な解説もできますテキスト事業説明等 1 枚の印刷物を折って小型にしたものはリーフレットと呼ばれイベントプログラムや施設制度の案内などに適しています冊子特徴用途大量の情報を伝えることができます資料記録報告等音声版には以下のものがありますカセットテープ S P コード約 2 センチ四方の画像の中に日本語で約 800 文字程度の情報を記録できます専用の活字文書読み上げ装置によって記録されている情報を音声で読み上げます (P3 参照 ) 専用ソフトをインストールすると作成したワード文書を SP コード化できますデイジー (DAISY) 録音図書 (DAISY : Digital Accessible Information System の略 ) デジタル録音図書 ( 電子図書 ) で一枚の CD に 50 時間以上の収録が可能です専用の機械やソフトをインストールしたパソコンを使って再生します目次から読みたい章や節任意のページに飛ぶことができるので検索が容易です 8

11 6 印刷物作成のポイントちょっとした配慮でわかりやすさがアップします (1) 文字の大きさ大きさはできるだけ 12 ポイント以上にしましょう一般的な広報印刷物を作成する場合文字の大きさはできるだけ 12 ポイント以上とすることを心がけましょうより読みやすくするには 14 ポイント以上が効果的です (A4 判の場合 ) 見やすい大きさの文字はどれですか? (10 ポイント ) 見やすい大きさの文字はどれですか? (12 ポイント ) 見やすい大きさの文字はどれですか? (14 ポイント ) この冊子の文字の大きさは 14 ポイントを基本としています (2) 文字の字体見やすい字体はゴシック体ですゴシック体は太さが均一なので読みやすくなります特に文字を小さくしなければならない場合は明朝体よりも読みやすくなりますただし小説や論文などで長い文章が続く場合は明朝体の方が読みやすくなります 12ポイント以下の文字を太字にすると文字がつぶれて読めない場合があります影付きや網掛け文字を使用したり多数の字体を使用しすぎると見づらくなる場合があります明朝体ゴシック体読みやすい字体はどれですか? (14 ポイント ) 読みやすい字体はどれですか? (14 ポイント ) 9

(3) 文字の字間行間余白字間を詰めすぎないようにしましょう適度な空間空白をとるように心がけましょう同じ大きさの文字字間行間でも漢字が多いと狭く見えますスペースを惜しんで情報を詰め込みすぎないようにしましょういかに情報を整理するかがポイントとなります読みやすい文字の間隔はどれですか?

12 (3) 文字の字間行間余白字間を詰めすぎないようにしましょう適度な空間空白をとるように心がけましょう同じ大きさの文字字間行間でも漢字が多いと狭く見えますスペースを惜しんで情報を詰め込みすぎないようにしましょういかに情報を整理するかがポイントとなります読みやすい文字の間隔はどれですか? 読みやすい文字の間隔はどれですか? 読みやすい文字の間隔はどれですか? (4) 読みやすい表現方法文章は正確にわかりやすく表現しましょう正確に事実や伝えたいことを明確にしましょう最低これだけは伝えたいことをはっきりさせましょう正確にしようとするほど難しい用語を使ったり文章が長くなるので注意しましょうわかりやすく職場の決まり事や固定概念にとらわれず読者の視点に立って表現しましょう読者が絞られる場合は読者に合った内容にしましょう文章作成のポイント 5 W 1 Hを明確にわかりやすい用語を使う結論を早めに文章は短く内容を簡潔に長くなる場合はブロックに区切る事実を客観的に When いつ Who 誰が Where どこで 5W1H What 何を Why なぜ How どのように 10

13 読みにくい漢字難しい言葉カタカナ語外来語には工夫を難しい人名や地名固有名詞にはふりがなをつけましょう専門用語や外来語を使わなければならない場合には注釈をつけましょうカタカナ文字は多用しないようにしましょう悪い例東さんは鉄町に住んでいますようやくコンセンサスが得られました良い例東 ( ひがし ) さんは鉄町 ( くろがねちょう ) に住んでいますようやく合意が得られました文部科学省国語審議会答申国際社会に対応する日本語の在り方おおむね定着している語そのまま使う例 : リサイクルボランティア定着が不十分な語言い換える例 : アカウンタビリティ説明責任スキーム計画図式定着が不十分でわかりやすい言い換えがない語注釈をつけるなど工夫をする例 : アイデンティティー( ) アイデンティティー = ローマ字の頭文字を使った略語日本語訳等を付す例 : NPO( 民間非営利組織 ) WTO( 世界貿易機関 ) 国立国語研究所外来語委員会外来語言い換え提案を参考にしてください外来語の言い換え語用例意味などが掲載されていますインターネットで国語研究所検索 11

文字や文章だけにしない箇条書きにしてすっきりさせましょう読む順番がわかるように番号や矢印をつけましょう強調したい文字には下線を引いたり太文字にするなど目立つ工夫をしましょう表グラフイラスト写真などを効果的に使いましょうその際には何を表すものかわかるようにしましょう (5) 色使いの工夫情報がきちんと伝わる色使いをしましょう色を上手に使うと

14 文字や文章だけにしない箇条書きにしてすっきりさせましょう読む順番がわかるように番号や矢印をつけましょう強調したい文字には下線を引いたり太文字にするなど目立つ工夫をしましょう表グラフイラスト写真などを効果的に使いましょうその際には何を表すものかわかるようにしましょう (5) 色使いの工夫情報がきちんと伝わる色使いをしましょう色を上手に使うと情報をよりわかりやすく伝えることができるなど様々な効果があります色の効果目につきやすく注意をひきやすくなります親しみやすい印象になりますイメージを伝えやすくなります文字だけでは表現しにくい部分を表現できますメリハリがつき重要なところが強調されますしかし色の見え方は一様ではありません色だけに頼ったデザインをすると色弱者など色を識別しにくい人は情報を読み取りにくくなりますそこで白黒でコピーしても情報が伝わるかどうかを必ず確認しましょう色なしで理解できるようにデザインしその上で色の効果が発揮できるように色を使うことが大切です白黒でコピーしても情報が伝わるような色使いをしましょう 12

15 色覚バリアフリーな色の選び方色弱者など色を識別しにくい人にも間違えにくい色を使いましょう赤は濃い赤や暗い赤を使わず赤橙やオレンジを使いましょう緑は赤や茶色と間違えやすいため青味が強い緑を使いましょう明るい緑と黄色が一緒に見えてしまうため黄色黄緑明るい緑はなるべく同時に使わないようにしましょう面積が広いほど色の違いが分かりやすくなるので太い字を使いましょう濃い赤暗い赤赤橙オレンジ緑青みの強い緑明るい黄色黄緑緑同時に使わない ~ コラム色について ~ 色の 3 要素色相 : 赤青黄などの色合いのことです明度 : 明るさの度合いのことで目に感じる光の強弱を示す量です白に近づくほど明度が高くなり黒に近づくほど低くなります彩度 : 鮮やかさの度合いのことで白や黒の混ざっている度合いです原色のように白や黒を含まない色ほど彩度が高くなります色光の 3 原色 (RGB) (R) 高高可視光はその波長 ( 性質 ) によって赤 (Red) 緑 (Green) 青 (Blue) の大きく 3 つに分けることができます頭文字で RGB とも表しますこの 3 つの光を混合することによって様々な色を合成します色料の 3 原色 (G) (B) シアン ( ) 物体色 ( 印刷インク絵の具などの色材 ) の基本色はイエロー ( 黄 ) マゼンタ ( 赤紫 ) シアン ( 緑がかった青 ) の 3 色です印刷物など物体の表面を特定の色にするためインクを塗る場合等に使われますマンタ (M) イロー (Y) 13

16 (5) 色使いの工夫事例 1 文字の強調問題点赤文字と黒文字が同じように見え強調していることがわかりにくい悪い例一般色覚者の見え方下の注意事項をよくお読みください色弱者の見え方下の注意事項をよくお読みください改善点赤文字を赤橙にしさらに書体の太さを変えて強調する良い例一般色覚者の見え方下の注意事項をよくお読みください色弱者の見え方下の注意事項をよくお読みください補足その他の工夫例赤文字 + 別の要素で強調していることを表現できます赤文字はそのままで下線を引く下の注意事項をよくお読みください白抜きにする下の注意事項をよくお読みください背景に目立つ色を網掛けする下の注意事項をよくお読みください 14

17 代表的な工夫例を具体的に紹介します色弱者の見え方は C 型と見え方に差がある P 型強度です事例 2 色の組合せ 1 暖色 ( 赤 ~ 緑 ) と寒色 ( 緑 ~ 青 ) を対比させる 2 明度差をつける 3 彩度の低い色同士の組合せを避けることを心がけましょう悪い例明度は対比しているが暖色または寒色系同士暖色寒色は対比しているが明度が近い彩度の低いパステル調だけ黄色オレンジ青赤水色薄緑ピンク明度も対比暖色寒色も対比はっきりした色とパステル調を対比良い例青黄色薄オレンジ緑ピンク補足その他の工夫例同じ色相で明度や彩度を変化させて濃淡をつける方法もあります黄色黄緑オレンジ悪い例緑の濃淡良い例神奈川県カラーバリアフリー色使いのガイドライン神奈川県はカラーバリアフリーについて先進的に取り組んでいます色使いのガイドラインを以下でダウンロードできますインターネットで色使い神奈川県検索 15

18 (5) 色使いの工夫背景色と文字色とのコントラストをつけましょう明度彩度によって見え方が変化するので気をつけましょう見えづらい場合は文字に白や黒で縁をつけると文字が際立ちます悪い例赤色と黒色赤色と青色赤色と緑色青色と黒色灰色と緑色茶色と緑色水色とピンク色黄色と白色 ( 例外 ) 文字に白や黒で縁をつけた場合良い例黒縁白縁黄色と黒色黄色と青色白色と黒色白色と青色白色と緑色白色と赤色色の見え方シミュレーションツール色のユニバーサルデザインを支援するソフトがありますこれらのソフトは色弱者の見え方を疑似体験でき既存の配色の問題点を調べたり新しいデザインを考えるのに効果的です NPO 法人カラーユニバーサルデザイン機構 (CUDO) の Web ページで紹介していますインターネットで CUDO 検索 16

コースと区別するため道路の色をとるコースが交差する部分にふちをつける色弱者の見え方コースバみどりオレンジむらさきあお Aコー B コーコー Dコーコースコースコース

19 事例 3 地図代表的な工夫例を具体的に紹介します色弱者の見え方は C 型と見え方に差がある P 型強度です悪い例問題点コースの見分けがつきにくい道路とコースが区別しにくい一般色覚者の見え方色弱者の見え方バ A コー B コーコー D コーチェックポイント良い例一般色覚者の見え方改善点各コースの線種を変えコース名を地図中に書き入れるコースと区別するため道路の色をとるコースが交差する部分にふちをつける色弱者の見え方コースバみどりオレンジむらさきあお Aコー B コーコー Dコーコースコースコースチェックイント補足その他の工夫例形位置線種や塗り分けパターンを工夫します利用者が色名を使ってコミュニケーションすることが予想される場合色名を併記します図や写真の上に文字を重ねると見えづらくなることがあります 17

隣の色とコントラストをつけるグラフを立体化して色を分離させる領域に引き出し線をつけ何を表すかを指し示す一般色覚者の見え方色弱者の見え方 b 市 c 市 d 市横浜市 a 市補足その他の工夫例色の識別は

20 (5) 色使いの工夫代表的な工夫例を具体的に紹介します色弱者の見え方は C 型と見え方に差がある P 型強度です事例 4 グラフ悪い例問題点グラフの境界がわかりづらい凡例をグラフと対比しづらい ( 異なる色であっても同じ明度や彩度の場合見分けることが難しい場合があります ) 一般色覚者の見え方色弱者の見え方横浜市 a 市 b 市 c 市 d 市良い例改善点彩度と明度に差がある色を組み合わせ隣の色とコントラストをつけるグラフを立体化して色を分離させる領域に引き出し線をつけ何を表すかを指し示す一般色覚者の見え方色弱者の見え方 b 市 c 市 d 市横浜市 a 市補足その他の工夫例色の識別は同系色で濃淡をつけることも効果的です色が見分けづらい場合点網掛けや線網掛け ( ハッチング ) を加えると識別しやすくします地色が薄い場合凡例を領域に直接記入することもできます表示項目が多い場合領域の境界を白や黒で区分けする方法もあります 18

21 7 他の情報媒体についてメディアユニバーサルデザイン (MUD) に踏み出しましょう! Web ページ ( ホームページ ) 横浜市インターネット情報受発信ガイドライン細則 1 WEB ページ作成基準を遵守してくださいこの基準では市として守るべきことに加え情報アクセシビリティ ( ) についての JIS 規格 (JIS X8341-3) に準拠するよう努めることとしています情報通信機器を通して提供される情報やサービス等が高齢者や障害者も含めてどんな人にも利用できるようになっていること視覚障害者への配慮視覚障害者が利用する読み上げソフトに対応できるよう作成してください情報はソフトウェアで読み上げられるようテキストを使用した HTML 形式で掲載し PDF や Flash は使わないようにしましょう音声読み上げソフトでは HTML 形式は読めますが PDF は読めないことがあります HTML 形式においては見出し要素 (<h1><h2> など ) を適切に使用するようにしましょうやむを得ず PDF 形式のみとする場合は必ず Word 版など元データから変換したものを使用してください紙スキャンした PDF はまったく読み上げられませんただしデータから変換したものであっても読み上げられる順序等が適切でない場合があります HTML 以外のファイルにリンクするときはクリックする前にそれがわかるようにしておきましょう画像に代替テキスト (Alt) で説明を加えましょう音声読み上げソフトでは画像の部分は代わりにこの代替テキストが読み上げられます 19

22 クリッカブルマップ ( ) には文字リンクを併記しましょう画像の中に色々なリンク先を設定しておきクリックした位置に応じて定められたリンク先に移動する機能またその機能を持った画像のこと新しいウィンドウが開かれるようなリンク設定をしないようにしましょうリンクに target 属性を使用するなどしてクリック時に新しいウィンドウで開かれるようになっているとブラウザの戻る機能が突然使えなくなって利用者が混乱しますどうしても新しいウィンドウを開く必要がある場合はリンクの文言の中にその旨を記載しわかるようにしてください文字サイズの絶対指定を行わないようにしましょうブラウザの文字サイズ変更機能を利用して文字を拡大した際にきちんと文字サイズが変化するようピクセル (px) やポイント (pt) 単位での文字サイズの指定は行わないでください単語の中に空白を入れないようにしましょう空白を入れると意図した読み方にならない可能性があります例 ) 日時日時複数の読み方がある漢字にはふりがなをつけましょう例 ) 民の力民 ( みん ) の力色弱者への配慮全体のコントラストを高くしましょう白黒コピーしてはっきりと読めるようにしてください聴覚障害者への配慮音声ファイルの提供を行う場合はテキストにした文章も添えましょう動画で情報提供を行う場合は字幕を付けましょう外国人への配慮外国語のコーナーを設けましょう必要な部分は外国語に翻訳してください (P7 参照 ) 20

携帯電話向けサイトの充実を携帯電話は身近な端末で容易に情報を得られるため利用者が増加していますまたメールや携帯サイトを音声で読み上げる機能や文字を大きくできる等の機能があり視覚障害者や高齢者にパソコンと同様広く使われています案内標示案内サインや案内板を設置するときは横浜市福祉のまちづくり条例施設整備マニュアルを参考にしてくださいふくまち.

23 携帯電話向けサイトの充実を携帯電話は身近な端末で容易に情報を得られるため利用者が増加していますまたメールや携帯サイトを音声で読み上げる機能や文字を大きくできる等の機能があり視覚障害者や高齢者にパソコンと同様広く使われています案内標示案内サインや案内板を設置するときは横浜市福祉のまちづくり条例施設整備マニュアルを参考にしてくださいふくまち. net からダウンロードできます例 ) 標識 ( ピクトグラム ) 触知案内板庁内案内図電光掲示板インターネットでふくまち検索プレゼンテーションのスライドパワーポイントで作成するスライドは全体のコントラストを高くしましょう白黒コピーして強調している箇所などがはっきりと読めるようにしてください横浜市健康福祉局福祉保健課市民活力推進局広報課デザイン印刷協力監修出典 21

24 印刷物チェックシート自己診断の参考や事業者に委託する場合にご活用ください 1 文字の大きさは適切である (A4 判の場合 12 ~14 ポイント ) P9 2 3 字体 ( 見出し本文 ) は適切である ( ゴシック体が見やすい ) 文字の字間行間余白は適切である ( 字間をつめていない ) P9 P10 4 読みやすく表現している P10 (1) 文章は正確にわかりやすく表現している (2) 読みにくい漢字難しい言葉カタカナ語や外来語にはふりがなや注釈をつけている (3) 箇条書き読む順序を示す等の工夫をしている (4) 表グラフイラスト写真を適切に使っている 5 色使いは白黒コピーしても情報が読み取れる状態である P12 ア赤は濃い赤ではなく赤橙やオレンジ色を使っている ( 濃い赤は黒やこげ茶と混同しやすい ) イ緑は青みの強い緑を使っている ( 暗い緑は赤や茶色と混同しやすい黄緑は黄色と混同しやすい ) ウ色つきの線や文字は太めにしているエ色の組合せは暖色と寒色とを対比させ明度差と彩度差もつけているオ明るい黄色は白やクリーム色と組み合わせていない ( 白内障では黄色白クリーム色を混同しやすい ) カ黒青緑色の背景には赤字を使用していない ( 背景色を変えられない場合は文字色を白黄色クリーム色などにしコントラストをはっきりさせる ) ア凡例をつけるだけでなく図中にも直接説明を書き込んでいるまたは領域に引き出し線をつけ何を表すかを指し示しているイ色だけでなくハッチング ( 網掛け ) 等を併用したり明度の差を利用したりしているウ線は色だけに頼らず実線点線破線など様々な線種と色とを組み合わせているエシンボルは同じ形で色だけ変えるのではなく形を変えて色数を減らしているオ塗り分けの境目は白や黒で強調している 6 読者に応じて拡大文字版 WEB 版点字版音声版等を作成している P4

UDガイド改

UDガイド改全ての人に情報をきちんと伝わるよう作成することが大切です ( 静岡新聞広告規定最低サイズ 5.5pt) 全ての人に情報をきちんと伝わるよう作成することが大切です ( 高齢者に配慮した可読サイズ 9.8pt) 全ての人に情報をきちんと伝わるよう作成することが大切です ( 静岡新聞広告規定最低サイズ 8.5pt) 全ての人に情報をきちんと伝わるよう作成することが大切です ( 高齢者に配慮した可読サイズ