ホームページを作成する上での配慮について
急 速 な少 子 高 齢 化 や国 際 化 の進 行 等 により，社 会 の多 様 化 が進 んでいる 現 在 ，誰 にでもやさしい・暮 らしやすい社 会 を目 指 したユニバーサルデザインの 考え方は大変重要なものとなっています。
インターネットも例 外 ではなく，その利 用 者 も社 会 と同 様 に多 様 化 してきてい ます。このため，ホームページで情 報 を提 供 する側 も，様 々な利 用 者 を想 定 し てホームページを作成 することが重 要となってきています。
ここでは，できるだけ多 くの方 に不 自 由 なくホームページの情 報 が伝 わるよう に，配慮 すべき点をまとめました。
また，配 慮 するポイントは，対 象 となる障 害 ごとに記 載 してありますが，多 く の場 合 は，障 害 のない方 にとっても，利 便 性 の向 上 につながる内 容 です。より 多 くの人 に正 確 に分 かりやすい情 報 を提 供 するため，本 書 を活 用 していただけ ればと思います。
なお，本 項 では，少 しでも多 くの方 々にホームページ作 成 上 での配 慮 の必 要 性 を認 識 していただくことを第 一 の目 的 としているため，対 応 方 法 の詳 細 につ いては，次 にあげるもの等を参 照 願います。
・日 本 工 業 規 格 （ＪＩＳ）で定 められている「高 齢 者 ・障 害 者 等 設 計 配 慮 指 針 －情 報 通 信 に お け る 機 器 ， ソ フ ト ウ ェ ア 及 び サ ー ビ ス － 第 ３ 部 ：
ウェブコンテンツ（ＪＩＳ X8341-3）」
・本県広報公聴課で定める「Web アクセシビリティ指 針」
�� �����
���� ���������
� ��������������� � ������ � ������� � �
������ � �� � � �� ��� � ������ ��� �� � �� � �� �
������������������������
���������������� �� � ���������� � ���
����� ���������� � �����������
���� �
�������� � �� ��� � � ���� � �������� � ���
����� � ���� ��� � �� ����������� � � ���� ��
�� � �� � ��������� � ����� � ������ � � � �� � �
� ��������� � �� � ���������� ��� � �� ����
������
�������������� � ������
���������
• �������� ��������������������
• � �� � ��������� � �������
• ������������� �����������
• �����������������������
�����������������
����
（参考２）文 書本体と見た目の装飾
文書本体 見出し（h1）
段落（p）
箇 条 書 き
（ol,li）
見た目の装飾
太 字 背 景
行 間
左余白
�� ������������
���������������
• �������������������������� �����
• ���� ����������
• ��������� �������������
• ����� ���������� �� �����
�������
�������������������� �������������
�������
������� � ��� � �� � �� ��� � ������������
���������������
���������
• � ��� �������������
����� � �� 19 � 10� 23 �� � � ��� H19.10.23�
• ����� �������� � ������
����� � 5 ������ � � ��� 5kg�
• �������������������� ���
• �������������� ��������������
• � �� � ��� ��� � ������ �� �� � �� � �����
� ��� ������
• � ��� �������� �� ������������
• ��������������������������������
�����
• ����� ���������
• ����������������������
����� � � 1 � � � 19 � 10 � 23 �� ���������
• ��� ����������������������������� ��
��������� PDF ��������������������
������ �������� ������
• � � �������������������� �� � �����������
������������ �� ������������������� �����
��
•
��������������
��
��
��
��
������ ����������
�
�
�������������������� ���
��������
� � �� � ���� � ��� � � � �� � ����� � ��� �
��� �� � �������
��� �� � �������
��� �� � �������
��� ��� �������
３ 高齢者や弱視者への配慮
（１） 高齢者・弱視者の特徴
� 像がぼやけて小さい文 字や画 像 等が見 えにくいことがあります。
� 色の識 別 がつきにくいことがあります。
� 動いている文 字等が見えにくいことがあります。
� まぶしくて（または暗くて）見づらいことがあります。
� 画面を拡 大している場 合があります。
� 見えやすい条 件には個 人差が大きいです。
（２）対応
■配慮のポイント■
� 文 字 の大 きさは，利 用 者 が自 由 に変 更 できるよう，相 対 サイズで指 定 しましょう。
� アイコンやボタン等 は，利 用 者 側 で大 きさを変 更 できないので，あらか じめ大きく作 成しましょう。
� アニメーションや文 字 のスクロールを使 用 する時 は，その速 度 やスクロ ール回数に注意しましょう。
� 画 面 全 体 の点 滅 はもちろんですが，画 面 の一 部 であっても無 用 の点 滅は避けましょう。
� 文 字 色 と背 景 色 はコントラスト（明 度 差 ）をつけて表 示 するようにしまし ょう。また，３７ページからのカラーユニバーサルデザインにも配 慮 しま しょう。（参 考）
� 色 の違 いだけで情 報 を区 別 することは避 け，文 字 列 による説 明 も付 け ましょう。
（参考）文字色と背景色の明度差が少 ない例
※明度 差 のチェックについては，
色 覚シュミレーションソフト等 明 度 差 が 少 な
い た め 、 見 づ ら い。
４ 肢 体 不 自 由 者 へ の 配 慮
（ １ ） 肢 体 不 自 由 者 の 特 徴
� キーボードのみを使 用 する場 合 やマウス等 の機 器 のみを使 用 する場 合 があります。
� 手 や身 体 が震 えることや不 自 由 な部 分 によっては，小 さなアイコン等 はクリックしにくい場 合 があります。
� 発 話 が困 難 な場 合 があります。
（ ２ ） 対 応
■配 慮 の ポ イ ン ト■
� マウス等 の特 定 の入 力 装 置 のみに依 存 せず，少 なくともキーボードだ けの入 力 には対 応 できるようにしましょう。
� JavaScript 等 に よ る マ ウ ス の 使 用 を 前 提 と し て い る 特 定 の 技 術 の 使 用 は避 けましょう。
� プルダウン形 式 のメニューやポップアップ形 式 のメニューは操 作 できな い場 合 もあるので，代 替 メニューを用 意 するか，なるべくその機 能 は使 用 しないようにしましょう。
� アイコン等 は大 きく作 成 し，簡 単 にクリックできるようにしましょう。
� 小 さな画 像 だけにページのリンクを設 定 することは避 け，文 字 列 にもリ ンクを設 定 するようにしましょう。
５ 耳 が 不 自 由 な 方 へ の 配 慮
（ １ ）耳 が 不 自 由 な 利 用 者 の 特 徴
� 音 声 での情 報 は，内 容 が伝 わらないことがあります。
� 手 話 を使 える方 と使 えない方 がいます。
� 言 語 を習 得 した後 の障 害 では，手 話 を使 える方 は少 数 であると言 わ れています。
� 先 天 的 な障 害 等 により，言 語 を習 得 する前 に聴 覚 を利 用 できなくなっ た場 合 は，手 話 が母 語 となっており，難 しい文 字 表 現 が分 かりにくい 場 合 があります。
（２）対 応
■配 慮 の ポ イ ン ト■
� 音 声 や動 画 で情 報 を提 供 する際 は，その内 容 を文 字 列 でも表 示 する ようにしましょう。
� 難 解 な文 字 表 現 や漢 字 等 はなるべく使 用 しないようにし，やむを得 ず 難 解 な言 葉 を使 用 する時 は，ふりがなや注 釈 等 を加 えましょう。
（ 参 考 ） 難 解 な 言 葉 へ の ふ り が な 及 び 注 釈 の 例
脆 弱 （ぜいじゃく）（注 1 ）
（注 1 ）脆 弱 ： もろくて弱 いこと
�
� � � � � � � � � � � � � � � � � �
� � � � � � � � � � � � � �
• � � �� � � �� � �� � ����
• � � � � �� � � �� � �� ���
• � �������� � �� � ���
• � � �� � ��
� � � � � �
�� � � � � � ��
• �������� �� ��� ���� � � � ������� � ���
����������� � ���� � �� � � � �� ��� � �� � �
�� � �������������� � �
• � � � � �� � � � � �� � �� � � � � �����������
� � � ��� � �� � ������������
• ������ � �� � �� � �� ������
• � � �� �������� � � � ������������
• � � � � ���� ������ � �� � �� ������
• � � �� � � � �� � � ������ � ������������ �
� � �� � �� � ��� �������� � � �� ������
�
�
�
� � � � � � � � � � � � �
�
�
�
�
�
�
�
�
�
�
�
�
�
�
� �� ��
� ��� ���
� ��� �
� � � � � � 029-301-XXXX
� ����� 029-301-XXXX
E ���� xxxx@pref.ibaraki.lg.jp
� � � � � � �
� � � � � �
� � � � � ��
����