<4D F736F F D A97B68AEE8F80817A82AD82DC82E082C E835A A B E302E646F63>

Transcription

1 くまもとウェブアクセシビリティガイドライン ~ 高 齢 者 障 害 者 等 へ 配 慮 したホームページ 設 計 の 基 本 指 針 ~ ( 配 慮 基 準 ) 平 成 18 年 7 月 特 定 非 営 利 活 動 法 人 熊 本 県 次 世 代 情 報 通 信 推 進 機 構 (NEXT 熊 本 )

2 目 次 第 1 はじめに 3 第 2 ウェブアクセシビリティとは 4 (1)ウェブアクセシビリティの 大 切 さ (2) 熊 本 におけるウェブアクセシビリティ 共 通 指 針 の 必 要 性 (3) 本 ガイドラインの 水 準 第 3 高 齢 者 障 害 者 の 利 用 環 境 について 6 第 4 自 己 点 検 のすすめ 7 第 5 さらに したいこと 8 (1)ウェブアクセシビリティ 基 本 方 針 の 作 成 とトップページへの 掲 載 (2)ウェブアクセシビリティに 関 する 意 見 の 受 付 窓 口 の 設 置 第 6 本 書 の 見 方 9 第 7 配 慮 基 準 10 (*): 総 務 省 公 共 分 野 におけるアクセシビリティの 確 保 に 関 する 研 究 会 ( 平 成 16 年 11 月 ~ 平 成 17 年 11 月 ) 報 告 書 の みんなの 公 共 サイト 運 用 モデル にて 提 示 された 手 順 書 ( 基 本 検 討 シート 等 )ではレベル2( 扱 い)の 事 柄 全 体 要 件 いろいろなOS(オペレーティングシステム) ブラウザ( 閲 覧 ソフトウェア) 等 へ 対 応 す る 1-2. 接 続 時 間 の 制 限 がある 場 合 は 事 前 に 利 用 者 へ 知 らせる 1-3. 新 しいウィンドウは 極 力 開 かない ページが 自 動 で 移 動 または 更 新 することは 避 ける (*) 1-4. 表 示 されているページのサイト 内 の 位 置 がわかるようにする (*) 表 現 ページタイトルには わかりやすい 名 前 を 付 ける 1-6. 文 字 によるリンク 情 報 は リンク 先 の 内 容 が 連 想 できる 表 現 にする 1-7. 形 または 位 置 だけによる 情 報 提 供 は 行 わない (*) 1-8. 画 面 全 体 もしくは 一 部 を 点 滅 させない (*) 文 字 や 色 文 字 の 色 文 字 サイズは 利 用 者 が 変 更 できるようにする フォントを 指 定 する 場 合 には 読 みやすいフォントを 指 定 する (*) 1

3 1-10. 色 のみで 判 別 する 情 報 提 供 はしない 単 語 内 の 空 白 は 用 いない 入 力 項 目 に 解 説 や 例 示 を 示 す 場 合 は 入 力 欄 の 前 に 記 述 する 画 像 画 像 には 必 ず 代 替 情 報 を 付 加 する 画 像 の 背 景 色 と 前 景 色 は 識 別 しやすい 配 色 とする (*) 変 化 または 移 動 する 画 像 文 字 は 速 度 色 彩 輝 度 に 注 意 する(*) レイアウト 表 をレイアウトのために 用 いる 場 合 読 み 上 げられる 順 序 を 意 識 する 1-17.フレームは 必 要 以 上 に 用 いない 利 用 する 場 合 は 各 フレームの 役 割 を 明 確 にする (*) 1-18.ナビゲーションのための 基 本 操 作 部 分 を 提 供 する (*) キーボードによる 操 作 操 作 はマウスのみでの 操 作 等 単 一 の 入 力 装 置 に 依 存 しない 特 殊 な 技 術 プラグイン 特 定 のソフトウェアに 依 存 するファイルには 代 替 情 報 を 用 意 する または 断 りを 入 れる 特 定 のソフトウェアに 依 存 する 映 像 や 音 声 などは 代 替 情 報 を 考 慮 する 1-22.ダウンロード 用 にファイルを 提 供 する 場 合 は ファイル 種 別 ファイルサイズを 明 記 する その 他 利 用 する 言 葉 は 分 かりやすい 言 葉 とする 音 声 読 上 げソフトウェアの 機 能 特 性 を 意 識 した 表 記 を 行 う 第 8 付 録 (1) 基 本 検 討 シート くまもとウェブアクセシビリティガイドライン( 配 慮 基 準 ) ~ 総 務 省 みんなの 公 共 サイト 運 用 モデル 基 本 検 討 シートの 要 件 定 義 ~ 2

4 第 1 はじめに 本 ガイドライン( 配 慮 基 準 )は ウェブサイトにおけるウェブアクセシビリティを 確 保 するための 指 針 を 示 すものです 総 務 省 みんなの 公 共 サイト 運 用 モデル の( 発 注 者 が 記 入 する) 基 本 検 討 シ ートの 対 応 項 目 を 決 め その 対 応 をHTML(ブラウザに 表 示 するための 記 述 言 語 )の 知 識 がない 方 でもわかるようウェブアクセシビリティを 確 保 するポイントを 極 力 わかりやすい 言 葉 で 記 述 しまし た 本 ガイドライン( 配 慮 基 準 )に 沿 った 制 作 を 行 うことで 高 齢 者 障 害 のある 人 も 含 めて 多 くの 利 用 者 が インターネット 上 にあるウェブサイトにて 提 供 されている 情 報 を できるだけ 等 しくかつ 正 しく 得 られるようになると 考 えています このガイドラインは ウェブサイトにて 情 報 発 信 を 行 っている また 行 おうとしている 全 ての 県 内 の 企 業 地 方 自 治 体 団 体 などに 理 解 され また 積 極 的 に 採 用 されることにより くまもとの 産 業 行 政 住 民 すべてのウェブアクセシビリティへの 認 識 が 向 上 することを 目 指 します < 注 意 > 本 ガイドライン( 配 慮 基 準 )の 内 容 を 正 しく 理 解 していただくためには 以 下 の 知 識 を 有 する ことを 前 提 にしております (1) 一 般 的 な 情 報 通 信 技 術 (ICT)に 関 する 知 識 ( 特 に 用 語 に 関 する 知 識 ) 例 :ブラウザ ウェブページ バージョン マウス フレームなど 3

5 第 2 ウェブアクセシビリティとは (1)インターネットにおけるウェブアクセシビリティの 大 切 さ インターネットを 通 じて 知 りたい 情 報 を 探 したり ショッピングを 楽 しんだり 仲 間 同 士 で 情 報 交 換 したりと 私 たちは 様 々な 情 報 を 入 手 し 発 信 出 来 るようになりました インターネットの 利 用 人 口 は 7000 万 人 を 超 え(*1)ました この 中 には 高 齢 者 の 方 や 様 々な 情 報 を 入 手 交 換 するために 介 助 が 必 要 であった 障 害 者 の 方 などが 利 用 されていることも 忘 れてはいけません いろいろな 利 用 環 境 を 配 慮 してウェブサイトをデザイン 作 成 を 行 うことで 今 まで 以 上 に 多 く の 人 が 利 用 できるようになります ウェブアクセシビリティとは 高 齢 者 や 障 害 者 など 心 身 の 機 能 に 制 約 のある 人 でも 年 齢 的 身 体 的 条 件 に 関 わらず ウェブで 提 供 されている 情 報 にアクセスし 利 用 できること です (*1)インターネット 白 書 2005: 株 式 会 社 インプレス 2005 年 2 月 時 点 (2) 熊 本 におけるウェブアクセシビリティ 共 通 指 針 の 必 要 性 ウェブアクセシビリティは 2004 年 6 月 20 日 にJIS X8341-3:2004 高 齢 者 障 害 者 等 配 慮 設 計 指 針 情 報 通 信 における 機 器 ソフトウェア 及 びサービス- 第 3 部 :ウェブ コンテンツ が 制 定 されました このJIS 制 定 を 受 けて ウェブにて 情 報 発 信 を 行 う 自 治 体 や 企 業 等 のウェブアクセシビリティへの 関 心 が 急 速 に 高 まっています しかし 制 定 されたJISの 内 容 は 抽 象 的 であり 発 注 者 側 または 受 注 者 側 において 配 慮 す る 利 用 者 の 定 義 や 採 用 する 要 件 を 選 択 するなどの 具 体 化 作 業 が 要 求 されるため 発 注 者 側 のJIS の 理 解 やウェブに 関 する 専 門 知 識 の 習 得 また 受 注 者 のウェブアクセシビリティを 確 保 するため の 技 術 の 習 得 などの 物 理 的 負 担 を 強 いることになります そこで 発 注 者 と 受 注 者 の 双 方 が 利 用 できる 共 通 指 針 を 作 成 し 統 一 した 考 え 方 のウェブアクセ シビリティに 配 慮 したウェブサイトを 作 成 することで サイト 作 成 技 術 のスキルアップや 何 より 利 用 者 にとって 統 一 感 のある よりウェブアクセシビリティに 配 慮 されたウェブサイトを 提 供 する ことが 可 能 になると 考 えます (3) 本 ガイドラインの 水 準 本 ガイドラインは 日 本 工 業 規 格 であるJIS X8341-3:2004 高 齢 者 障 害 者 等 配 慮 設 計 指 針 情 報 通 信 における 機 器,ソフトウェア 及 びサービス- 第 3 部 :ウェブコンテンツ に 準 拠 し さらに 総 務 省 公 共 分 野 におけるアクセシビリティの 確 保 に 関 する 研 究 会 ( 平 成 16 年 11 月 ~ 平 成 17 年 11 月 以 下 総 務 省 の 研 究 会 と 略 す ) 報 告 書 の みんなの 公 共 サイト 運 用 モデル にて 提 示 された 手 順 書 ( 基 本 検 討 シート 等 )と 整 合 を 取 って 作 成 しています 本 ガイドラインはウェブサイトの 新 規 作 成 もしくは 全 面 リニューアルを 行 う 場 合 には 全 面 的 な 採 用 を また 既 存 のサイトの 更 新 等 を 行 う 場 合 には を 是 非 実 現 願 います 4

6 また JIS X8341-3に 記 述 された 以 下 の 個 別 要 件 については 作 成 する 際 の 技 術 に 関 する 事 項 であり 別 途 技 術 基 準 において 記 すこととしました 5.2a 文 書 の 構 造 に 関 する 要 件 5.2b 表 示 スタイルに 関 する 要 件 5.2c 表 の 使 用 に 関 する 要 件 5.3h ハイパリンク 等 の 読 み 飛 ばしに 関 する 要 件 5.3i 元 の 状 態 に 戻 すことに 関 する 要 件 5.7a 音 の 自 動 再 生 に 関 する 要 件 5.7b 音 の 利 用 者 制 御 に 関 する 要 件 5.9a 言 語 指 定 に 関 する 要 件 5

7 第 3 高 齢 者 障 害 者 の 利 用 環 境 について ウェブサイトの 閲 覧 において 以 下 のような 環 境 で 利 用 されている 利 用 者 がいることを 理 解 しま しょう ただし 高 齢 者 は 障 害 者 と 同 様 の 障 害 を 持 つことがありますので 高 齢 者 にも 障 害 者 と 同 様 の 注 意 が 必 要 です 字 が 見 えない 人 全 盲 ( 視 覚 による 情 報 入 手 が 難 しい(できない) 利 用 者 は 音 声 読 上 げソフトウェア または 点 字 ディスプレイ 等 の 機 器 を 利 用 される 場 合 があります ) 字 が 見 えにくい 人 弱 視 ( 視 力 が 低 い または 視 野 が 狭 い 利 用 者 は 至 近 距 離 から 画 面 を 見 たり 画 面 を 拡 大 したり 画 面 の 色 のコントラストを 高 くして 利 用 される 場 合 があります ) 色 の 識 別 が 難 しい 人 色 覚 障 害 者 ( 色 の 識 別 が 難 しい 利 用 者 は 色 で 区 別 した 情 報 が 利 用 できない 場 合 がありま す ) 音 が 聞 きにくい 人 聴 覚 障 害 者 ( 聴 覚 による 情 報 入 手 が 難 しい 利 用 者 は 字 幕 や 文 字 による 情 報 を 利 用 される 場 合 があります ) マウスやキーボードの 操 作 が 難 しい 人 肢 体 不 自 由 者 (マウスやキーボードなどの 操 作 が 難 しい 利 用 者 は 多 様 な 身 体 部 位 で 利 用 でき る 代 替 装 置 器 具 等 を 利 用 される 場 合 があります ) さらに 以 下 のような 利 用 者 の 方 がいることを 念 頭 においてください パソコン 操 作 に 慣 れていない 人 難 しい 漢 字 や 語 句 が 理 解 できない 人 通 信 速 度 が 遅 い( 速 くない) 環 境 にて 利 用 している 人 特 定 のソフト(ワープロ 表 計 算 等 )を 持 っていない 人 光 の 刺 激 に 過 敏 な 人 ( 強 い 光 や 点 滅 などを 受 けると 光 感 受 性 発 作 ( 光 源 性 てんかん) を 誘 発 する 場 合 があります ) 6

8 第 4 自 己 点 検 のすすめ (1) 自 己 点 検 の 実 施 既 に 公 開 済 み もしくは 公 開 前 のウェブサイトは ウェブアクセシビリティ 上 の 問 題 がないか 点 検 を 行 いたいものです 自 己 点 検 は 総 務 省 の 研 究 会 みんなの 公 共 サイト 運 用 モデル 手 順 書 の 簡 易 点 検 ガイド を 利 用 して 点 検 を 行 うことをお 勧 めします (この 簡 易 点 検 ガイドにもありますが )より 詳 細 な 点 検 を 行 う 場 合 は 文 法 チェッカーやアク セシビリティ 専 用 チェックツール 等 を 利 用 して 行 います ツールを 利 用 したチェックは 相 応 の 技 術 (JIS X8341-3の 熟 知 HTMLタグの 知 識 HTMLの 構 造 等 ) 習 得 とツールが 出 すメッセージ 文 の 解 読 ( 理 解 ) 力 が 必 要 になりますが より 高 いアクセシビリティの 確 保 が 期 待 で きます 7

9 第 5 さらに したいこと (1)ウェブアクセシビリティ 基 本 方 針 の 作 成 とトップページへの 掲 載 情 報 提 供 者 のウェブアクセシビリティに 関 する 方 針 を 示 すことで 利 用 者 は どのような 配 慮 を 持 って 提 供 されているかを 知 ることができ 安 心 感 を 与 え かつ 情 報 提 供 者 のイメージアップが 期 待 できます ウェブアクセシビリティ 基 本 方 針 は トップページの 分 かりやすいところにリンク 情 報 として 掲 載 し 利 用 者 が 容 易 に 参 照 できるよう 心 掛 けたいものです (2)ウェブアクセシビリティに 関 する 意 見 の 受 付 窓 口 の 設 置 本 ガイドライン( 配 慮 基 準 )( 技 術 基 準 )に 従 って 作 成 しても 全 ての 利 用 者 が 支 障 なく 使 える ようになるとは 限 りません そのため 意 見 の 受 付 窓 口 等 を 設 置 し 利 用 者 の 声 を 聞 くことで チ ェックや 点 検 では 分 からなかった 問 題 点 を 把 握 し 改 善 を 加 えて 更 にウェブアクセシビリティを 高 めていくことが 重 要 です 実 際 に 障 害 者 高 齢 者 の 利 用 者 にウェブサイトを 閲 覧 操 作 し 意 見 を 頂 くことは 非 常 に 有 効 ですので 是 非 実 施 したいものです また 定 期 的 に 実 施 することをお 奨 めします 8

10 第 6 本 書 の 見 方 本 書 は 以 下 のように 構 成 しています タイトル : ガイドライン 項 目 のタイトルです 総 務 省 研 究 会 の 基 本 検 討 書 においてレベル2に 該 当 する 内 容 に 関 し ては ガイドライン 項 目 のタイトル 末 尾 に(*)を 記 しています 対 象 者 : ガイドライン 項 目 が 特 に 配 慮 する 対 象 者 を 示 しています JIS 対 応 項 目 JIS X8341-3における 該 当 箇 所 を 示 しています 説 明 : ガイドライン 項 目 に 関 する 説 明 文 です 例 : いくつかの 項 目 については 具 体 例 を 挙 げて 説 明 しています 起 こり 得 る 問 題 : 配 慮 されなかった 場 合 に 想 定 される 問 題 点 について 挙 げています タイトル 表 現 1-2 ページタイトルには わかりやすい 名 前 を 付 ける 対 象 者 JIS 対 応 項 全 盲 5.2 対 象 者 説 明 ページタイトルは 音 声 読 上 げソフトウェアが 最 初 に 読 上 げる 文 字 情 報 となる そのため その ページの 概 要 を 的 確 に 表 す 内 容 にする < 悪 い 例 > ページタイトルが 同 じような 説 明 で ページタイトルだけでは 内 容 が 判 断 できない 例 JIS 対 応 項 目 例 起 こり 得 る 問 題 起 こり 得 る 問 題 ブラウザのトップ 枠 に 表 示 されるページタイトルについて サイト 内 で 同 じペ ージタイトルを 採 用 している 場 合 音 声 読 上 げソフトウェア 利 用 者 にはサイト 内 のどのページを 閲 覧 しているか 把 握 することができない また ページが 変 わっ 9

11 第 7 配 慮 基 準 (*): 総 務 省 公 共 分 野 におけるアクセシビリティの 確 保 に 関 する 研 究 会 ( 平 成 16 年 11 月 ~ 平 成 17 年 11 月 ) 報 告 書 の みんなの 公 共 サイト 運 用 モデル にて 提 示 された 手 順 書 ( 基 本 検 討 シート 等 )ではレベル2( 扱 い)の 事 柄 全 体 要 件 1-1.いろいろなOS(オペレーティングシステム) ブラウザ( 閲 覧 ソフトウェア) 等 へ 対 応 す る 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.1 a) コンピュータのOS(オペレーティングシステム)は 複 数 あり それぞれの 特 性 がある 利 用 者 の 所 有 するコンピュータを 制 限 せず できるだけ 多 くのコンピュータに 対 応 できるよう 作 成 する 同 様 に ホームページを 閲 覧 するためのソフトウェアであるブラウザも たくさんの 種 類 がある できるだけ 多 くのOS ブラウザにて 表 示 できるよう 作 成 する また 同 時 に 身 体 障 害 のある 利 用 者 は 専 用 のソフトウェア 等 を 利 用 している 場 合 もあり これらも 十 分 考 慮 する 起 こり 得 る 問 題 ブラウザに 表 示 させるための 言 語 (HTML)のバージョンや 文 字 コードを 正 しく 指 定 し ないと ブラウザの 文 字 コード 自 動 認 識 ができず 正 しく 表 示 できない( 文 字 化 け)ことが ある 機 種 依 存 文 字 (1 など)や 携 帯 電 話 の 絵 文 字 を 用 いると 多 様 な 利 用 者 環 境 (OS ブラウザや 特 殊 ソフト) 等 で 正 しく 表 示 できない( 文 字 化 け)ことがある 1-2. 接 続 時 間 の 制 限 がある 場 合 は 事 前 に 利 用 者 へ 知 らせる 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 c) 5.3 d) セキュリティ 他 の 配 慮 から 接 続 時 間 の 制 限 を 設 けている 場 合 は 事 前 に 利 用 者 にわかるように 知 らせる また 任 意 に 接 続 時 間 のリセット 等 ( 延 長 )ができるような 工 夫 を 施 すこととする < 例 > ご 注 意 セキュリティへの 配 慮 から 入 力 時 間 の 制 限 を 設 けています 30 分 を 超 える と 自 動 的 に 接 続 が 切 れますのでご 注 意 下 さい 接 続 時 間 の 設 定 を 変 える 場 合 は 接 続 時 間 設 定 ページにて 可 能 です 起 こり 得 る 問 題 入 力 作 業 に 時 間 を 要 する 利 用 者 が 全 ての 情 報 を 制 限 時 間 内 に 入 力 できないことで 入 力 を 敬 遠 することがある 10

12 1-3. 新 しいウィンドウは 極 力 開 かない ページが 自 動 で 移 動 または 更 新 することは 避 ける (*) 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 e) 利 用 者 の 認 識 または 予 期 する 困 難 な 形 で 新 しいページを 開 くことや 自 動 で 移 動 することは 避 け る 新 しいページを 開 く 場 合 は 事 前 に 知 らせるなど 利 用 者 が 認 識 できるようにする 同 様 にペー ジの 一 部 について 自 動 的 に 更 新 することは 避 ける 起 こり 得 る 問 題 新 しいページが 開 いたり 移 動 することによって 表 示 されているウィンドウの 位 置 や 状 況 を 判 断 しにくい 場 合 がある また ウィンドウを 閉 じる 等 余 分 な 操 作 を 伴 うことが 生 じることで 操 作 の 負 担 を 強 い ることになる 場 合 がある ページの 一 部 分 か 自 動 で 変 わっても 利 用 者 が 気 づかないことがある 新 たしくウィンドウが 開 くと ブラウザの 戻 る ボタンを 利 用 してもとの 画 面 に 戻 るこ とができない 1-4. 表 示 されているページのサイト 内 の 位 置 がわかるようにする (*) 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.2 g) 表 示 されているページが 全 体 のどこに 位 置 しているのか 把 握 できるよう 階 層 などの 構 造 を 示 し た 情 報 を 提 供 する また 検 索 結 果 などの 複 数 ページにまたがるページには 全 ページを 表 示 し 現 在 位 置 を 表 示 する < 例 > 現 在 位 置 をテキストの 順 序 などで 表 現 するリスト(パンくずリスト) 等 を 提 供 する トップページ> 製 品 情 報 >トピックス 検 索 結 果 など 複 数 ページにまたがる 場 合 に 全 ページと 表 示 ページの 位 置 関 係 を 提 供 す る 起 こり 得 る 問 題 中 断 などにより それまでの 操 作 の 記 憶 があいまいになり 現 在 の 位 置 作 業 の 目 的 がわ からなくなる 可 能 性 がある 11

13 表 現 1-5.ページタイトルには わかりやすい 名 前 を 付 ける 対 象 者 全 盲 JIS 対 応 項 目 5.2 e) ページタイトルは 音 声 読 上 げソフトウェアが 最 初 に 読 上 げる 文 字 情 報 となる そのため その ページの 概 要 を 的 確 に 表 す 内 容 にする < 悪 い 例 > ページタイトルが 同 じような 説 明 で ページタイトルだけでは 内 容 が 判 断 できない 例 起 こり 得 る 問 題 ブラウザのトップ 枠 に 表 示 されるページタイトルについて サイト 内 で 同 じページタイト ルを 採 用 している 場 合 音 声 読 上 げソフトウェア 利 用 者 にはサイト 内 のどのページを 閲 覧 し ているか 把 握 することができない また ページが 変 わったことが 認 識 できないことがあ る 1-6. 文 字 によるリンク 情 報 は リンク 先 の 内 容 が 連 想 できる 表 現 にする 対 象 者 全 盲 JIS 対 応 項 目 5.3 g) 5.4 b) 文 字 によるリンク 情 報 には ここ や ここをクリック などは 使 わない ブラウザの 中 には リンク 部 分 を 抜 き 出 して 一 覧 にできるものや リンク 部 分 だけを 読 み 上 げさせる 機 能 を 持 っている ものがある 文 字 によるリンク 情 報 は 簡 潔 で(リンク 先 の) 内 容 が 連 想 できるような 表 現 にする 隣 接 する 文 字 によるリンク 情 報 の 間 は 適 当 な 間 隔 を 空 ける もしくは 縦 線 や 斜 線 等 の 区 切 り 線 を 入 れる 同 様 に リンク 画 像 には 代 替 文 字 情 報 を 必 ず 付 け 文 字 によるリンク 情 報 と 同 等 の 配 慮 を 行 う リンク 画 像 と 文 字 によるリンク 情 報 の 併 記 の 場 合 は リンク 画 像 の 代 替 情 報 は 空 (Null)とす る 起 こり 得 る 問 題 リンク 画 像 に 代 替 文 字 情 報 が 付 加 されていないと 音 声 読 上 げソフトウェア 利 用 者 にはリ ンク 先 のファイル 名 が 読 み 上 げられリンク 12先 はどこなのか 伝 わらない

14 1-7. 形 または 位 置 だけによる 情 報 提 供 は 行 わない (*) 形 や 位 置 に 意 味 を 持 たせた 情 報 提 供 のみをしない 対 象 者 JIS 対 応 項 目 全 盲 5.5 b) < 悪 い 例 > 形 による 表 記 ( 同 じく さんかくと 読 む) 位 置 による 表 記 : 午 前 空 き 有 り : 午 後 空 き 有 り 午 前 午 後 2 日 2 日 3 日 3 日 起 こり 得 る 問 題 音 声 読 上 げソフトウェアでは 形 や 位 置 を 認 識 できないため 情 報 が 正 しく 伝 わらない 1-8. 画 面 全 体 もしくは 一 部 を 点 滅 させない (*) 画 面 もしくは 一 部 の 画 像 等 の 点 滅 を 行 わない 対 象 者 JIS 対 応 項 目 利 用 者 全 般 5.8 b) 起 こり 得 る 問 題 光 感 受 性 発 作 ( 光 源 性 てんかん)を 誘 発 する 可 能 性 がある 一 部 でも 画 面 を 拡 大 してみ ている 利 用 者 がいるため 画 面 大 部 分 が 点 滅 することになる 13

15 文 字 や 色 1-9. 文 字 の 色 文 字 サイズは 利 用 者 が 変 更 できるようにする フォントを 指 定 する 場 合 には 読 みやすいフォントを 指 定 する 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.6 a) 5.6 b) 5.6 c) 文 字 の 色 文 字 サイズは 必 要 に 応 じて 利 用 者 が 変 更 できるようにする また 文 字 の 色 は 背 景 色 を 考 慮 して 見 やすい 色 ( 明 度 の 差 :コントラストに 注 意 )を 指 定 する フォントを 指 定 する 場 合 には 読 みやすいフォントを 指 定 する ディスプレイ 表 示 における 日 本 語 表 示 は 明 朝 体 よりも 線 幅 が 一 定 であるゴシック 体 が 読 みやすい ただし 印 刷 時 においては 明 朝 体 が 見 やすい 場 合 もあ るため メディアによってフォントを 変 えることも 有 効 である 起 こり 得 る 問 題 弱 視 や 加 齢 により 視 力 の 弱 い 利 用 者 は 文 字 サイズを 自 分 にあったサイズに 変 更 できない と 情 報 が 得 られないことがある フォント 色 と 背 景 色 の 組 み 合 わせによっては 文 字 が 読 みづらくなることがある 色 覚 障 害 のある 人 には 色 の 区 別 が 難 しいことがある 弱 視 や 加 齢 により 視 力 の 弱 い 利 用 者 は 文 字 の 千 が 細 いとコントラストが 弱 くなり 文 字 を 判 別 できない 場 合 がある 装 飾 文 字 や 車 体 文 字 は 視 認 性 が 落 ちる 色 のみで 判 別 する 情 報 提 供 はしない 対 象 者 全 盲 色 覚 障 害 者 JIS 対 応 項 目 5.5 a) 表 やグラフ 等 色 のみだけに 依 存 して 情 報 提 供 しない 必 ず 文 字 情 報 でもわかるよう 代 替 情 報 を 提 供 するか もしくは 付 加 する また 文 字 色 による 注 意 書 き 等 にも 注 意 書 きであることを 併 記 するなど 配 慮 を 行 う < 良 い 例 > グラフに 色 と 同 時 に 凡 例 を 文 字 で 併 記 している 例 起 こり 得 る 問 題 表 やグラフの 内 容 が 色 のみで 表 現 されていると 色 の 識 別 が 難 しい 利 用 者 は 違 いを 認 識 で きないことがある 14

16 1-11. 単 語 内 の 空 白 は 用 いない 体 裁 を 整 えるため 単 語 の 文 字 間 へ 空 白 (もしくは 改 行 )は 用 いない 対 象 者 JIS 対 応 項 目 全 盲 5.9 e) 起 こり 得 る 問 題 音 声 読 上 げソフトウェアは 河 川 ( 空 白 を 挿 入 )と 書 かれている 情 報 を かわ かわ と 読 上 げ それを1つの 単 語 として 認 識 しないため かせん と 読 上 げない そのため 作 成 者 が 意 図 するように 正 しく 読 めない 場 合 がある 入 力 項 目 に 解 説 や 例 示 を 示 す 場 合 は 入 力 欄 の 前 に 記 述 すること 対 象 者 全 盲 JIS 対 応 項 目 5..3 b) 音 声 読 上 げソフトウェアを 利 用 すると 入 力 後 に 読 上 げられてしまうため 入 力 を 終 えた 後 に 初 めて 気 づくことになる また 項 目 によって 文 字 だけでは かな 文 字 なのかカタカナ 文 字 どちら の 入 力 なのか わからない 場 合 があるので 注 意 する < 悪 い 例 > ふりがな (ひらがなで 入 力 ) < 良 い 例 > ふりがな(ひらがなで 入 力 ) 起 こり 得 る 問 題 入 力 方 法 や 入 力 例 を 入 力 フォームの 後 ろに 書 かれていると 音 声 読 上 げソフトウェア 利 用 者 は 入 力 欄 と 入 力 例 の 前 後 関 係 が 理 解 できないことがある 音 声 読 上 げソフトウェア 利 用 者 は フリガナ 入 力 の 場 合 ふりがな か フリガナ の 区 別 ができない 15

17 画 像 画 像 には 必 ず 代 替 情 報 を 付 加 する 対 象 者 全 盲 JIS 対 応 項 目 5.4 a) 画 像 には その 画 像 の 解 説 を 加 えて 音 声 読 上 げソフトウェアを 利 用 している 利 用 者 等 に 正 しい 情 報 が 伝 わるようにする なお 解 説 不 要 な 画 像 については 代 替 情 報 として 空 (Null)を 必 ず 付 加 する < 解 説 不 要 な 例 > 画 像 に 代 替 情 報 を 入 れると 2 度 同 じことが 読 上 げられてしまう 例 注 ) 空 (Null)の 場 合 は 表 示 されません 起 こり 得 る 問 題 画 像 のみでは 音 声 読 上 げソフトウェア 利 用 者 には 内 容 が 伝 わらない また 画 像 が 表 示 できない 環 境 の 利 用 者 も 同 様 に 内 容 が 伝 わらない 画 像 の 背 景 色 と 前 景 色 は 識 別 しやすい 配 色 とする (*) 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.5 c) 画 像 の 背 景 色 と 前 景 色 とは 十 分 なコントラスト( 明 度 差 )を 確 保 して 識 別 しやすい 配 色 にす る 起 こり 得 る 問 題 弱 視 色 覚 障 害 の 方 が 情 報 を 得 られない 場 合 がある 変 化 または 移 動 する 画 像 文 字 は 速 度 色 彩 輝 度 に 注 意 すること (*) 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.8 a) アニメーション 等 により 変 化 する 画 像 等 について その 変 化 する 速 度 色 彩 輝 度 には 十 分 注 意 する 起 こり 得 る 問 題 早 すぎたり 色 の 明 暗 などにより 内 容 を 認 識 することが 難 しかったり 目 に 負 担 を 強 い る 場 合 がある 16

18 レイアウト 1-16.レイアウトのための 表 は 極 力 用 いない 対 象 者 全 盲 肢 体 不 自 由 者 JIS 対 応 項 目 5.2 d) 表 形 式 のレイアウトを 作 成 する 場 合 音 声 読 上 げソフトウェアを 利 用 している 利 用 者 に 正 しく 情 報 が 伝 わらない 場 合 がある 起 こり 得 る 問 題 表 形 式 を 音 声 読 上 げソフトウェアが 読 み 上 げる 場 合 基 本 的 に 左 から 右 上 から 下 へ 読 上 げるため 情 報 提 供 者 の 意 図 する 順 番 で 読 上 げられないことがある 1-17.フレームは 必 要 以 上 に 用 いない 利 用 する 場 合 は 各 フレームの 役 割 を 明 確 にすること (*) 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 JIS 対 応 項 目 5.2 f) フレームを 使 用 した 場 合 各 フレームの 役 割 やデータの 変 化 が 分 かりづらく 音 声 読 上 げソフト ウェア 等 を 利 用 する 方 や 弱 視 の 方 は 意 図 した 操 作 ができない 可 能 性 がある そのため フレーム を 使 用 する 場 合 は その 役 割 や 機 能 等 を 明 確 にし 十 分 配 慮 すること 起 こり 得 る 問 題 キーボードだけで 操 作 する 場 合 フレーム 切 り 替 え 操 作 が 煩 雑 になる 場 合 がある 音 声 読 上 げソフトウェアによっては フレームを 別 ページとして 認 識 し 最 初 のフレーム しか 読 上 げない 場 合 がある 1-18.ナビゲーションのための 基 本 操 作 部 分 を 提 供 する (*) 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.3 f) サイト 内 を 移 動 したり 操 作 したりする 機 能 を 持 ったメニュー(ナビゲーションバー) 等 は 一 環 性 を 持 ち かつ 位 置 見 た 目 等 を 統 一 して 提 供 すること また 戻 るボタン 等 についても 全 体 で 位 置 を 統 一 することで 利 用 者 への 操 作 しやすさを 提 供 する 17

19 < 例 > <> ナビゲーションバー( 左 側 に 常 に 共 通 メニューを 表 示 )の 例 起 こり 得 る 問 題 ページによってナビゲーションの 仕 組 みや 位 置 が 違 うと ページ 毎 にページ 構 造 を 理 解 し なくてはならず 情 報 の 入 手 に 時 間 がかかる 18

20 キーボードによる 操 作 操 作 はマウスのみでの 操 作 等 単 一 の 入 力 装 置 に 依 存 しない 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 a) マウスの 操 作 が 困 難 なため 全 ての 操 作 をキーボード 機 能 のみで 行 う 利 用 者 が 存 在 する 単 一 の 入 力 デバイスに 依 存 せず 少 なくともキーボードのキーのみで 全 ての 操 作 に 対 応 できるようにする キーボードのキーのみで 対 応 できれば 代 替 装 置 や 器 具 等 でも 操 作 が 可 能 になる 起 こり 得 る 問 題 全 盲 の 利 用 者 はマウスポインタが 見 えないことからマウスを 利 用 できず 情 報 が 得 られな いことがある 弱 視 や 高 齢 者 で 視 力 低 下 した 利 用 者 はマウスポインタが 見 えにくいことから マウスを 使 用 できず 情 報 が 得 られないことがある 肢 体 不 自 由 者 や 加 齢 により 手 が 震 える 利 用 者 は 正 確 にマウス 操 作 ができないことから マウスを 利 用 できず 情 報 が 得 られないことがある 19

21 特 殊 な 技 術 プラグイン 特 定 のソフトウェアに 依 存 するファイルにはできるだけ 代 替 情 報 を 用 意 する 用 意 でき ない 場 合 は 断 りを 入 れる 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.4 e) 一 太 郎 や Word Excel PDFなど 特 定 のソフトウェアに 依 存 するファイルにて 提 供 する 場 合 必 ず 多 種 の 様 式 にて 提 供 する PDFファイルを 用 いて 情 報 提 供 する 場 合 は テキストで 解 説 が 可 能 な 場 合 は 代 替 テキストを 用 意 する 代 替 テキストでは 解 説 できない 場 合 は PDFのみで の 提 供 と 断 りを 入 れる また 利 用 に 必 要 なソフトウェア(プラグイン)については 最 新 版 の 入 手 先 を 案 内 する < 例 > 提 供 ファイルの 種 別 サイズを 併 記 している 例 最 新 プラグインソフトウェアの 案 内 例 起 こり 得 る 問 題 特 定 のファイルを 閲 覧 するためのソフトウェアを 持 っていない または 無 償 であっても 専 用 サイトからのダウンロードができない(をしない) 利 用 者 が 情 報 を 得 られないことがあ る 利 用 者 が 最 新 版 のソフトウェア(プラグイン)を 持 っていない 場 合 ソフトウェアのアク セシビリティ 機 能 を 利 用 できない 場 合 がある 20

22 1-21. 特 定 のソフトに 依 存 する 映 像 や 音 声 などは 代 替 情 報 を 考 慮 する 対 象 者 全 盲 弱 視 聴 覚 障 害 者 JIS 対 応 項 目 5.1 b) 5.4 c) 5.4 d) 映 像 や 画 像 などを 提 供 するための Flash などの 特 定 のソフトウェア(プラグイン)に 依 存 する ページは そのソフトウェア(プラグイン)をサポートしていない 環 境 を 考 慮 して できるだけ 音 声 や 字 幕 などの 代 替 情 報 を 提 供 することとする また 動 画 音 声 の 自 動 再 生 は 避 け 動 画 を 停 止 させる 機 能 をつける また キーボードのみによる 操 作 を 考 慮 して 作 成 する 速 い 通 信 速 度 を 必 要 とするリアルタイム 配 信 の 場 合 は 内 容 に 関 する 説 明 などの 代 替 情 報 をでき るだけ 用 意 する 利 用 に 必 要 なソフトウェア(プラグイン)については 最 新 版 の 入 手 先 を 案 内 す る 起 こり 得 る 問 題 Flash などを 利 用 したコンテンツの 情 報 は サポートしていないブラウザでは 情 報 を 得 ら れない( 音 声 ブラウザでは 表 示 された 文 字 を 読 み 飛 ばしてしまう 場 合 がある) 映 像 情 報 のみで 提 供 されたページでは テキストブラウザ 利 用 者 や 音 声 読 上 げソフトウェ ア 利 用 者 は 情 報 を 得 られない 映 像 情 報 のリアルタイム 配 信 は 速 度 が 遅 い( 速 くない) 環 境 にて 利 用 している 利 用 者 は 情 報 を 得 られないことがある 最 新 プラグインソフトウェアの 入 手 先 が 分 からないと プラグインソフトウェアが 必 要 な ページの 情 報 を 得 られない 1-22.ダウンロード 用 にファイルを 提 供 する 場 合 は ファイル 種 別 ファイルサイズを 明 記 す る 対 象 者 利 用 者 全 般 文 書 ファイルや 映 像 音 声 圧 縮 形 式 のファイルなどのコンテンツを 提 供 する 場 合 には ファイ ル 種 別 ファイルサイズを 併 記 し 利 用 者 が 自 分 の 利 用 環 境 を 考 慮 してファイルをダウンロードで きるようにする 起 こり 得 る 問 題 ファイルの 種 別 が 明 記 されていないと 利 用 者 は 開 いてから 初 めて 気 づくことがある 通 信 速 度 が 遅 い( 速 くない) 環 境 にて 利 用 している 利 用 者 にとって 大 きなサイズのファ イルは 時 間 や 通 信 料 金 の 負 担 を 強 いることになる 21

23 その 他 利 用 する 言 葉 は 分 かりやすい 言 葉 とする 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.9 b) 5.9 c) 5.9 d) 5.9 f) ページ 内 で 利 用 する 言 葉 は わかりやすいように 配 慮 する 1) 理 解 しづらいと 考 えられる 外 国 語 専 門 用 語 流 行 語 などは 多 用 しない また 初 めて 記 載 する 際 に 解 説 や 定 義 を 行 うこと また 読 みの 難 しい 言 葉 などには 読 みを 併 記 する 2) 文 章 だけではなく 図 記 号 や 絵 など 合 わせて 用 いる 起 こり 得 る 問 題 画 像 の 代 替 情 報 を 英 語 で 記 述 すると 音 声 読 上 げソフトウェアではうまく 読 上 げられず 内 容 がわからない 場 合 がある ボタン 名 を back や send などと 英 語 で 記 述 すると 英 語 がわからない 利 用 者 は 操 作 ができなくなる OK や 決 定 などという 名 称 のボタンは ボタンを 押 すことによって 何 が 起 こるか 理 解 できない 場 合 がある 音 声 読 上 げソフトウェアの 機 能 特 性 を 意 識 した 表 記 を 行 う 音 声 読 上 げソフトウェアの 機 能 特 性 を 理 解 して 正 しく 読 上 げられるよう 表 記 に 注 意 する 1) 改 行 は 空 白 文 字 同 様 文 章 の 区 切 りとして 扱 うため 正 確 に 読 上 げられない 場 合 がある 改 行 を 用 いないで 表 記 するか 改 行 を 行 う 場 合 は 区 切 りに 気 をつける 2) 文 字 の 取 り 消 し 線 は 読 上 げることができない 取 り 消 し 線 を 使 う 場 合 は その 旨 を 併 記 する 3) 日 付 の 表 記 について 正 しく 年 号 年 月 日 にて 表 記 する 4) 英 単 語 を 記 述 する 場 合 は 全 て 小 文 字 表 記 にするか 先 頭 1 文 字 大 文 字 にして 表 記 するよ うにする 起 こり 得 る 問 題 日 付 を 10/1 のように 記 述 すると 音 声 読 上 げソフトウェアでは いちぶんのじゅ う と 分 数 で 読 み 上 げられる 場 合 がある 英 単 語 を 全 て 大 文 字 で 記 述 すると 音 声 読 上 げソフトウェアでは 単 語 でなく 略 語 と 認 識 さ れ 一 文 字 ずつアルファベットで 読 上 げられる 22

24 第 8 付 録 (1) 基 本 検 討 シート くまもとウェブアクセシビリティガイドライン( 配 慮 基 準 ) ~ 総 務 省 みんなの 公 共 サイト 運 用 モデル 基 本 検 討 シートの 要 件 選 択 ~ 23

25 くまもとウェブアクセシビリティガイドライン ~ 高 齢 者 障 害 者 等 へ 配 慮 したホームページ 設 計 の 基 本 指 針 ~ ( 技 術 基 準 ) 平 成 18 年 7 月 特 定 非 営 利 活 動 法 人 熊 本 県 次 世 代 情 報 通 信 推 進 機 構 (NEXT 熊 本 )

26 目 次 第 1 はじめに 3 第 2 本 書 の 見 方 4 第 3 技 術 基 準 5 (*): 総 務 省 公 共 分 野 におけるアクセシビリティの 確 保 に 関 する 研 究 会 ( 平 成 16 年 11 月 ~ 平 成 17 年 11 月 ) 報 告 書 の みんなの 公 共 サイト 運 用 モデル にて 提 示 された 手 順 書 ( 基 本 検 討 シート 等 )ではレベル2( 扱 い)の 事 柄 全 体 要 件 いろいろなOS(オペレーティングシステム) ブラウザ( 閲 覧 ソフトウェア) 等 へ 対 応 する 1-2. 接 続 時 間 の 制 限 がある 場 合 は 事 前 に 利 用 者 へ 知 らせる 1-3. 新 しいウィンドウは 極 力 開 かない ページが 自 動 で 移 動 または 更 新 することは 避 ける (*) 1-4. 表 示 されているページのサイト 内 の 位 置 がわかるようにする (*) 表 現 ページタイトルには わかりやすい 名 前 を 付 ける 1-6. 文 字 によるリンク 情 報 は リンク 先 の 内 容 が 連 想 できる 表 現 にする 1-7. 形 または 位 置 だけによる 情 報 提 供 は 行 わない (*) 1-8. 画 面 全 体 もしくは 一 部 を 点 滅 させない (*) 文 字 や 色 文 字 の 色 文 字 サイズは 固 定 しない フォントを 指 定 する 場 合 には 読 みやすいフォン トを 指 定 する (*) 色 のみで 判 別 する 情 報 提 供 はしない 単 語 内 の 空 白 は 用 いない 入 力 項 目 に 解 説 や 例 示 を 示 す 場 合 は 入 力 欄 の 前 に 記 述 する 画 像 画 像 には 必 ず 代 替 情 報 を 付 加 する 画 像 の 背 景 色 と 前 景 色 は 識 別 しやすい 配 色 とする (*) 変 化 または 移 動 する 画 像 文 字 は 速 度 色 彩 輝 度 に 注 意 する(*) レイアウト 表 をレイアウトのために 用 いる 場 合 読 み 上 げられる 順 序 を 意 識 する 1-17.フレームは 必 要 以 上 に 用 いない 利 用 する 場 合 は 各 フレームの 役 割 を 明 確 にする (*) 1

27 1-18.ナビゲーションのための 基 本 操 作 部 分 を 提 供 する (*) キーボードによる 操 作 操 作 はマウスのみでの 操 作 等 単 一 の 入 力 装 置 に 依 存 しない 特 殊 な 技 術 プラグイン 特 定 のソフトウェアに 依 存 するファイルには 代 替 情 報 を 用 意 する または 断 りを 入 れ る 特 定 のソフトウェアに 依 存 する 映 像 や 音 声 などは 代 替 情 報 を 考 慮 する 1-22.ダウンロード 用 にファイルを 提 供 する 場 合 は ファイル 種 別 ファイルサイズを 明 記 する その 他 利 用 する 言 葉 は 分 かりやすい 言 葉 とする 音 声 読 上 げソフトウェアの 機 能 特 性 を 意 識 した 表 記 を 行 う 技 術 基 準 にて 配 慮 する 事 項 ( 配 慮 基 準 にはない 項 目 ) 41 2

28 第 1 はじめに 本 ガイドライン( 技 術 基 準 )は くまもとウェブアクセシビリティガイドライン( 配 慮 基 準 ) に 記 載 されている 各 事 項 に 準 拠 していただく 際 に 参 考 にしていただくための 技 術 指 針 として 作 成 しました 現 在 ウェブサイトのアセシビリティに 関 する 技 術 解 説 書 については さまざまな 良 質 の 書 が 出 版 される 実 情 にあり 本 ガイドライン( 技 術 基 準 )においても 当 初 その 技 術 解 説 レベル 相 当 の 記 述 を 目 指 しましたが 技 術 進 展 やJIS 改 訂 の 動 き 等 への 追 従 など 今 後 を 考 え 公 的 な 技 術 解 説 書 である JIS X :2004 技 術 解 説 第 1.1 版 ( 現 在 委 員 会 ワー キングドラフト 版 として 公 開 )を 引 用 し その 技 術 解 説 の 中 から くまもとウェブアクセシビリ ティカイドライン( 配 慮 基 準 ) を 満 足 するためのソリューション( 対 応 技 術 方 策 )を 宣 言 しま した そのため 本 ガイドライン( 技 術 基 準 )を 読 んでいただくためには 一 緒 に JIS X :2004 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサービス- 第 3 部 :ウェブコンテンツ 技 術 解 説 第 1.1 版 委 員 会 ワーキングドラフト (7 月 22 日 版 ) ( 1)が 必 要 になります また それぞれの 対 応 基 準 には 総 務 省 みんなの 公 共 サイト 運 用 モデル 手 順 書 にある 詳 細 検 討 シート ( 2)の 対 応 ページを 参 考 として 記 載 しています これらの 文 書 と 本 ガイドライン( 技 術 基 準 )が 示 す 対 応 基 準 を 十 分 理 解 され 熊 本 における 全 てのウェブサイトがアクセシビリティ 向 上 に 向 けて 大 きく 前 進 することを 期 待 します 1: JIS X :2004 高 齢 者 障 害 者 等 配 慮 設 計 指 針 - 情 報 通 信 における 機 器,ソフトウェア 及 びサ ービス- 第 3 部 :ウェブコンテンツ 技 術 解 説 第 1.1 版 委 員 会 ワーキングドラフト(7 月 22 日 版 ) 2: 総 務 省 みんなの 公 共 サイト 運 用 モデル 手 順 書 詳 細 検 討 シート ( 最 新 公 開 版 ) < 注 意 > 本 ガイドライン( 技 術 基 準 )の 内 容 を 正 しく 理 解 していただくためには 以 下 の 知 識 を 有 する ことを 前 提 にしております (1)ハイパーテキストマーク 付 け 言 語 (HTML XHTML)に 関 する 知 識 ( 特 に 構 造 やタグ, 属 性 に 関 する 知 識 ) 例 : 見 出 し 要 素 img 要 素 alt 属 性 など (2) 段 階 的 スタイルシート(CSS)に 関 する 知 識 例 :スタイルシートの 機 能 プロパティなど (3) 一 般 的 な 情 報 通 信 技 術 (ICT)に 関 する 知 識 ( 特 に 用 語 に 関 する 知 識 ) 例 :ブラウザ ソリューション 音 声 ブラウザ 機 種 依 存 文 字 など 3

29 第 2 本 書 の 見 方 本 書 は 以 下 のように 構 成 されています タイトル ガイドライン 項 目 のタイトル 総 務 省 研 究 会 の 基 本 検 討 書 においてレベル2に 該 当 する 内 容 に 関 しては ガイドライン 項 目 のタイトル 末 尾 に(*)を 記 載 対 象 者 JIS 対 応 項 目 説 明 ソリューション ガイドライン 項 目 が 対 象 とする 利 用 者 JIS X における 対 応 項 目 ガイドライン 項 目 に 関 する 説 明 文 JIS 技 術 解 説 書 からソリューション 技 術 要 素 を その 他 考 慮 したい こと の3つに 分 類 し 記 載 : : 最 低 限 守 るべき 技 術 項 目 される 技 術 項 目 以 外 にも 考 慮 したい 技 術 項 目 を 記 載 JIS 技 術 解 説 書 の 参 照 箇 所 各 ソリューション 項 目 に 関 する 技 術 的 な 解 説 が 記 載 されて いる 対 象 者 タイトル 説 明 JIS 対 応 項 目 の 概 要 JIS 対 応 項 目 白 抜 きの JIS 番 号 は 技 術 基 準 において 対 応 する 項 目 項 目 項 目 その 他 考 慮 したい こと JIS 技 術 解 説 書 の 参 照 ペ ージと 該 当 するソリュ ーションキ ーワード みんなの 公 共 サイト 運 用 モデル 詳 細 検 討 シ ートの 対 応 ページ 4

30 第 3 技 術 基 準 (*): 総 務 省 公 共 分 野 におけるアクセシビリティの 確 保 に 関 する 研 究 会 ( 平 成 16 年 11 月 ~ 平 成 17 年 11 月 ) 報 告 書 の みんなの 公 共 サイト 運 用 モデル にて 提 示 された 手 順 書 ( 基 本 検 討 シート 等 )ではレベル2( 扱 い)の 事 柄 JIS 対 応 項 目 の 白 抜 き 表 示 は 配 慮 基 準 にはない 技 術 基 準 にて 対 応 する 項 目 全 体 要 件 1-1. いろいろな OS(オペレーティングシステム) ブラウザ( 閲 覧 ソフトウェア) 等 へ 対 応 する 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.1 a) 5.9 a) コンピュータの OS(オペレーティングシステム)は 複 数 あり それぞれの 特 性 がある 利 用 者 の 所 有 するコンピュータを 制 限 せず できるだけ 多 くのコンピュータに 対 応 できるよう 作 成 す る 同 様 に ホームページを 閲 覧 するためのソフトウェアであるブラウザも たくさんの 種 類 が ある できるだけ 多 くの OS ブラウザにて 表 示 できるよう 作 成 する また 同 時 に 身 体 障 害 の ある 利 用 者 は 特 殊 ソフト 等 を 利 用 している 場 合 もあり これらも 十 分 考 慮 する 5.1a 規 格 仕 様 文 法 への 準 拠 ウェブコンテンツは 関 連 する 技 術 の 規 格 や 仕 様 および 文 法 に 準 拠 して 作 成 しなければならない 5.1a 規 格 仕 様 文 法 への 準 拠 (P.5) meta,doctype 宣 言 (1) 使 用 する 言 語 を 明 確 にする (2)DTD を 定 義 する (3)DTD 宣 言 と 文 法 が 妥 当 であるか 確 認 する (4) 宣 言 と 記 述 した 文 字 コードが 一 致 することを 確 認 する (5) 機 種 依 存 文 字 を 使 わない 公 式 文 書 等 の 中 で 機 種 依 存 文 字 を 利 用 している 場 合 は HTML では 画 像 文 字 もしくは PDF 化 など 5.1a 1) 5.1a 2) 5.1a 3) 5.1a 4) 5.1a 5) 5

31 参 考 詳 細 検 討 シート 1-1 規 格 仕 様 (P.33) 5.9a 自 然 言 語 の 指 定 言 語 が 指 定 できるときは 自 然 言 語 に 対 応 した 言 語 コードを 記 述 しなければならない 5.9a 自 然 言 語 の 指 定 (P.106) html span (1)html 要 素 には lang 属 性 でデフォルトの 言 語 を 指 定 する XHTML では lang 属 性 に 加 えて xml:lang 属 性 を 用 いてデ フォルトの 言 語 を 指 定 する 5.9a 1) (2)HTTP の Content-Language ヘッダにおける 言 語 指 定 が コンテンツのデフォルト 言 語 と 一 致 すること このヘッダは ウェブサーバーの 設 定 により 指 定 する (3)HTML 文 書 の 途 中 で 言 語 を 切 り 替 えたいときには lang 属 性 を 使 って 指 定 する 言 語 属 性 を 指 定 できる 要 素 がすでに ある 場 合 は それを 使 用 し それ 以 外 では span, div 要 素 を 用 いる 5.9a 2) 5.9a 3) 参 考 詳 細 検 討 シート 2-16 使 用 する 言 語 (P.101) 6

32 1-2. 接 続 時 間 の 制 限 がある 場 合 は 事 前 に 利 用 者 へ 知 らせる (*) 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 c) 5.3 d) セキュリティ 他 の 配 慮 から 接 続 時 間 の 制 限 を 設 けている 場 合 は 事 前 に 利 用 者 にわかるよう に 知 らせる また 任 意 に 接 続 時 間 のリセット 等 ( 延 長 )ができるような 工 夫 を 施 すこととする 5.3c 入 力 時 間 の 制 限 入 力 に 時 間 制 限 を 設 けないことが 望 ましい 制 限 時 間 があると きは 事 前 に 知 らせなければならない 5.3c 入 力 時 間 制 限 (P.50) (1) 可 能 な 限 り 制 限 時 間 を 設 けない 5.3c 1) (2)やむを 得 ない 場 合 は 時 間 制 限 があることを 表 示 する 5.3c 2) 参 考 詳 細 検 討 シート 1-12 入 力 や 選 択 検 討 3(P.57) 5.3d 制 限 時 間 の 延 長 解 除 時 間 制 限 があるときは 利 用 者 によって 制 限 時 間 を 延 長 又 は 解 除 できることが 望 ましい これができないときは 代 替 手 段 を 用 意 しなければならない 5.3d 制 限 時 間 の 延 長 解 除 (P.51) 7

33 (1)コンテンツ 内 に 利 用 延 長 ボタン を 設 けておき, 利 用 者 がそれを 押 すことで 1 回 分 の 時 間 延 長 ができるようにする その 場 合 は,どのくらいの 時 間 が 延 長 されるかを 明 示 してお く (2)コンテンツ 内 に 時 間 制 限 解 除 を 設 けておき, 利 用 者 が それを 押 すことで 制 限 時 間 を 撤 廃 できるようにする 時 間 制 限 をなくすことによって, 利 用 者 に 不 利 益 が 生 じる 可 能 性 が ある 場 合 は,その 旨 を 事 前 に 告 知 する (3) 代 替 手 段 として 電 子 メール Fax 電 話 でも 手 続 きがで きるようにする 5.3d 1) 5.3d 2) 5.3d 3) 参 考 詳 細 検 討 シート 1-12 入 力 や 選 択 検 討 3(P.57) 8

34 1-3. 新 しいウィンドウは 極 力 開 かない ページが 自 動 で 移 動 または 更 新 することは 避 け る (*) 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 e) 利 用 者 の 認 識 または 予 期 する 困 難 な 形 で 新 しいページを 開 くことや 自 動 で 移 動 することは 避 ける 新 しいページを 開 く 場 合 は 事 前 に 知 らせるなど 利 用 者 が 認 識 できるようにする 同 様 に ページの 一 部 について 自 動 的 に 更 新 することは 避 ける 5.3e ページの 自 動 更 新, 移 動 の 禁 止 利 用 者 の 意 図 に 反 して 又 は 利 用 者 が 認 識 若 しくは 予 期 するこ とが 困 難 な 形 で ページの 全 部 若 しくは 一 部 を 自 動 的 に 更 新 した り 別 のページに 移 動 したり 又 は 新 しいウィンドウを 開 いたり してはならない 5.3e ページの 自 動 更 新 移 動 の 禁 止 (P.53 ) a area meta (1)あらかじめリンク 元 で 新 しいウィンドウが 開 くことを 明 示 する (2)やむをえず 更 新 する 場 合 は あらかじめそのことを 告 知 し ておく 5.3e 2) 5.3e 3) (3) 利 用 者 は 自 分 の 意 思 で,そのページを 新 しいウィンドウで 開 くことができる (4)リダイレクトすることが 利 用 者 の 利 便 性 に 供 与 する 場 合 は 告 知 は 必 ずしも 必 要 ではない (5) 最 新 情 報 を 提 供 することが 利 用 者 の 利 便 性 に 供 与 する 場 合 ものは 毎 回 告 知 する 必 要 はない 5.3e 1) 5.3e 4) 5.3e 5) 参 考 詳 細 検 討 シート 2-6 新 しいウィンド ウ 自 動 更 新 (P.81) 9

35 1-4. 表 示 されているページのサイト 内 の 位 置 がわかるようにする (*) 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.2 g) 表 示 されているページが 全 体 のどこに 位 置 しているのか 把 握 できるよう 階 層 などの 構 造 を 示 した 情 報 を 提 供 する また 検 索 結 果 などの 複 数 ページにまたがるページには 全 ページを 表 示 し 現 在 位 置 を 表 示 する 5.2g 階 層 構 造 とサイトマップの 提 示 覧 しているページがウェブサイトの 構 造 のどこに 位 置 してい るか 把 握 できるように 階 層 などの 構 造 を 示 した 情 報 を 提 供 する ことが 望 ましい 5.2g 階 層 構 造 とサ イトマップの 提 示 ( P.41) (1)トップページおよび, 後 方, 前 方 へのリンクを 設 定 する (2)サイトマップを 作 成 する (3)ナビゲーションバーやパンくずリストを 採 用 する 5.2g 1) 5.2g 2) 5.2g 3) (4)link 要 素 によるサイト 構 造 の 提 供 (5) 視 野 狭 窄 ユーザへの 有 効 なナビゲーションを 提 供 する 5.2g 4) 5.2g 5) 参 考 詳 細 検 討 シート 2-5 現 在 位 置 の 情 報 (P.79) 10

36 表 現 1-5. ページタイトルには わかりやすい 名 前 を 付 ける 対 象 者 全 盲 JIS 対 応 項 目 5.2 e) ページタイトルは 音 声 読 上 げソフトウェアが 最 初 に 読 上 げる 文 字 情 報 となる そのため そ のページの 概 要 を 的 確 に 表 す 内 容 にする 5.2e 識 別 可 能 なページタイトル ページのタイトルには 利 用 者 がページの 内 容 を 識 別 できる 名 称 を 付 けなければならない 5.2e 識 別 可 能 なペ ージタイトル(P.37) title (1)ページのパス( 階 層 の 縦 の 流 れ)の 中 で 同 一 タイトルがな いか 確 認 する 5.2e 2) (2) 最 も 端 的 に 表 す 単 語 やフレーズを 利 用 する (3) 長 い 文 字 列 にならないようにする (4)サイト 名 など 同 じ 文 字 列 を 入 れる 場 合 は タイトル 文 字 列 の 最 後 に 入 れるようにする 5.2e 3) 5.2e 4) 5.2e 5) (5)タイトルの 付 け 方 の 指 針 を 決 める (6)サイト 名 など 必 ず 同 じ 文 字 列 をタイトルの 最 初 に 入 れる 場 合 は 省 略 するなど 長 くならないようにし その 文 字 列 の 後 は 必 ず 固 有 のタイトルを 付 ける (7) 同 じタイトルになってしまう 場 合 は 数 字 などを 入 れるな ど 推 移 がわかるようにする (8)frame を 使 用 した 場 合 は ページのタイトル 名 を 付 け 忘 れ ないこと 5.2e 1) 5.2e 6) 5.2e 7) 5.2e 8) 参 考 詳 細 検 討 シート 1-6ページタイトル (P.44) 11

37 1-6. 文 字 によるリンク 情 報 は リンク 先 の 内 容 が 連 想 できる 表 現 にする 対 象 者 全 盲 JIS 対 応 項 目 5.3 g) 5.4 b) 文 字 によるリンク 情 報 には ここ や ここをクリック などは 使 わない ブラウザの 中 には リンク 部 分 を 抜 き 出 して 一 覧 にできるものや リンク 部 分 だけを 読 み 上 げさせる 機 能 を 持 ってい るものがある 文 字 によるリンク 情 報 は 簡 潔 で(リンク 先 の) 内 容 が 連 想 できるような 表 現 に する 隣 接 する 文 字 によるリンク 情 報 の 間 は 適 当 な 間 隔 を 空 ける もしくは 縦 線 や 斜 線 等 の 区 切 り 線 を 入 れる 同 様 に リンク 画 像 には 代 替 文 字 情 報 を 必 ず 付 け 文 字 によるリンク 情 報 と 同 等 の 配 慮 を 行 う リンク 画 像 と 文 字 によるリンク 情 報 の 併 記 の 場 合 は リンク 画 像 の 代 替 情 報 は 空 (Null)と する 5.3g リンクの 識 別 と 操 作 ハイパリンク 及 びボタンは 識 別 しやすく 操 作 しやすくする ことが 望 ましい 5.3g リンクの 識 別 と 操 作 (P.56) a img map (1)リンクを 操 作 しやすくするために 隣 接 するリンク 間 に 充 分 な 間 隔 を 設 ける (2)リンク 先 が 明 確 に 分 かるようにリンクを 表 現 する 5.3g 2) 5.3g 4) (3)リンクを 操 作 しやすくするために 選 択 可 能 なエリアを 十 分 に 確 保 する (4)リンクが 操 作 可 能 であると 識 別 できるようにデザインする 5.3g 1) 5.3g 3) 参 考 詳 細 検 討 シート 1-7リンク (P.46) 12

38 5.4b ハイパリンク 画 像 の 代 替 テキスト ハイパリンク 画 像 には ハイパリンク 先 の 内 容 が 予 測 できるテ キストなどの 代 替 情 報 を 提 供 しなければならない img area input (1)img 要 素 の alt 属 性 値 に 代 替 テキストを 記 述 する (2) 解 説 不 要 な 画 像 の alt 属 性 値 を 空 (Null:alt="")にす る (3)クライアントサイド イメージマップの area 要 素 の alt 属 性 に 代 替 テキストを 記 述 する (4)サーバサイド イメージマップの 代 替 手 段 としてテキスト リンクを 提 供 する 5.4b ハイパリンク 画 像 の 代 替 テキスト P.68) 5.4b 1) 5.4b 2) 5.4b 3) 5.4b 4) (5)フォームのボタン 画 像 は input 要 素 の alt 属 性 に 代 替 テキ ストを 記 述 する 5.4b 5) 参 考 詳 細 検 討 シート 1-3リンク 画 像 (P.38) 13

39 1-7. 形 または 位 置 だけによる 情 報 提 供 は 行 わない (*) 形 や 位 置 に 意 味 を 持 たせた 情 報 提 供 のみをしない 対 象 者 JIS 対 応 項 目 全 盲 5.5 b) 5.5b 形 位 置 のみに 依 存 する 情 報 提 示 ウェブコンテンツの 内 容 を 理 解 操 作 するのに 必 要 な 情 報 は 形 又 は 位 置 だけに 依 存 して 提 供 してはならない (1) 位 置 が 把 握 できなくても 操 作 できるように 補 足 情 報 を 提 供 する 5.5b 形 位 置 のみに 依 存 する 情 報 提 示 ( P.78) 5.5b 3) (2) などの 記 号 文 字 による 情 報 には テキスト による 補 足 情 報 を 提 供 する 5.5b 1) (3) などの 記 号 文 字 を 画 像 にして 代 替 テキス トによる 補 足 情 報 を 提 供 する 5.5b 2) 参 考 詳 細 検 討 シート 2-10 形 や 位 置 (P.90) 14

40 1-8. 画 面 全 体 もしくは 一 部 を 点 滅 させない (*) 画 面 もしくは 一 部 の 画 像 等 の 点 滅 を 行 わない JIS 対 応 項 目 利 用 者 全 般 5.8 b) 5.8b 早 い 周 期 の 点 滅 を 避 ける 画 面 もしくは 一 部 の 画 像 等 の 点 滅 を 行 う 場 合 は 早 い 周 期 で の 画 面 の 点 滅 を 避 けなければならない img object 5.8b 早 い 周 期 の 点 滅 禁 止 (P.104) (1) 画 面 を 点 滅 させるときには 1 秒 間 に 2 回 以 上 点 滅 させな い (2) 画 面 の 一 部 を 点 滅 させるときは 画 面 の 1/4 以 上 を 占 める 面 積 での 点 滅 は 避 ける (3) 画 面 全 体 を 占 めるような しま 渦 巻 き 同 心 円 といった 規 則 的 なパターン 模 様 を 使 用 しない 5.8b 1) 5.8b 2) 5.8b 3) 参 考 詳 細 検 討 シート 2-15 点 滅 (P.100) 15

41 文 字 や 色 1-9. 文 字 の 色 文 字 サイズは 固 定 しない フォントを 指 定 する 場 合 には 読 みやすいフォン トを 指 定 する 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.6 a) 5.6 b) 5.6 c) 文 字 の 色 文 字 サイズは 必 要 に 応 じて 利 用 者 が 変 更 できるようにする また 文 字 の 色 は 背 景 色 を 考 慮 して 見 やすい 色 ( 明 度 の 差 :コントラストに 注 意 )を 指 定 する フォントを 指 定 す る 場 合 には 読 みやすいフォントを 指 定 する ディスプレイ 表 示 における 日 本 語 表 示 は 明 朝 体 よりも 線 幅 が 一 定 であるゴシック 体 が 読 みやすい ただし 印 刷 時 においては 明 朝 体 が 見 やすい 場 合 もあるため メディアによってフォントを 変 えることも 有 効 である 5.6a 文 字 サイズの 変 更 文 字 のサイズ 及 びフォントは 必 要 に 応 じ 利 用 者 が 変 更 できる ようにしなくてはならない 5.6a 文 字 サイズの 変 更 (P.81) font font-size font-weight (1)font 要 素 でサイズを 指 定 する 場 合 には 相 対 値 を 使 用 する (2)スタイルシートを 使 用 してサイズを 指 定 する 場 合 には, 相 対 値 を 使 用 する 5.6a 1) 5.6a 2) (3)ページ 内 でフォント 関 係 の 設 定 を 変 更 できるようにする (4) 文 字 を 可 能 な 限 り 画 像 化 しない 5.6a 3) 5.6a 4) 参 考 詳 細 検 討 シート 1-9 文 字 のサイズ (P.50) 5.6b フォントの 読 みやすさ フォントを 指 定 するとき,サイズ 及 び 書 体 を 考 慮 し 読 みやすい フォントを 指 定 することが 望 ましい 5.6b フォントの 読 みやすさ(P.91) 16

42 font font-family font-style (1)フォントサイズを 小 さくしすぎない (2)フォントはなるべく 指 定 しない もし 指 定 するときは フ ォントの 種 類 は スタイルシートで 指 定 し できるだけゴシ ック 系 のフォントを 選 択 する 5.6b 1) 5.6b 2) (3)フォントスタイル 等 を 制 御 する 場 合 には 見 易 さに 配 慮 す る 5.6b 3) 参 考 詳 細 検 討 シート 2-12 文 字 の 書 体 (P.94) 5.6c フォント 色 フォントの 色 には, 背 景 色 などを 考 慮 し 見 やすい 色 を 指 定 する ことが 望 ましい 5.6c フォント 色 ( P.93) color background-color background background-image (1) 文 字 の 色 を 指 定 するときは その 文 字 が 含 まれる 親 要 素 の 背 景 色 とのコントラストを 十 分 にとる (2) 文 字 の 色 を 指 定 するときは その 文 字 が 含 まれる 親 要 素 の 背 景 色 との 色 差 を 十 分 にとる 5.6c 1) 5.6c 2) 17

43 (3)スタイルシートを 外 した 状 態 でも 色 の 組 み 合 わせ コント ラストに 問 題 がないかどうかを 評 価 する 5.6c 4) (4)OS の 機 能 や 支 援 技 術 の 提 供 する ハイコントラスト 表 示 等 を 用 いた 場 合 にも, 色 の 組 み 合 わせ コントラストを 評 価 する 5.6c 5) (5) 背 景 画 像 はなるべく 使 用 しない 5.6c 3) 参 考 詳 細 検 討 シート 1-8 文 字 の 色 (P.48) 18

44 1-10. 色 のみで 判 別 する 情 報 提 供 はしない 対 象 者 全 盲 色 覚 障 害 者 JIS 対 応 項 目 5.5 a) 表 やグラフ 等 色 のみだけに 依 存 して 情 報 提 供 しない 必 ず 文 字 情 報 でもわかるよう 代 替 情 報 を 提 供 するか もしくは 付 加 する また 文 字 色 による 注 意 書 き 等 にも 注 意 書 きであることを 併 記 するなど 配 慮 を 行 う 5.5a 色 のみに 依 存 する 情 報 提 示 ウェブコンテンツの 内 容 を 理 解 操 作 するのに 必 要 な 情 報 は 色 だけに 依 存 して 提 供 してはならない 5.5a 色 のみに 依 存 する 情 報 提 示 (P.77) Img color bgcolor (1) 文 字 の 色 だけでなくテキストの 補 足 情 報 を 提 供 する (2)グラフでは 凡 例 だけでなく 引 込 み 線 を 用 いて 情 報 を 提 供 す る 5.5a 1) 5.5a 2) 参 考 詳 細 検 討 シート 1-10 色 での 区 別 (P.52) 19

45 1-11. 単 語 内 の 空 白 は 用 いない 対 象 者 全 盲 体 裁 を 整 えるため 単 語 の 文 字 間 へ 空 白 (もしくは 改 行 )は 用 いない JIS 対 応 項 目 5.9 e) 5.9e 単 語 途 中 のホワイトスペースの 禁 止 ウェブコンテンツの 内 容 を 理 解 操 作 するのに 必 要 な 情 報 は 色 だけに 依 存 して 提 供 してはならない br (1)ホワイトスペース br 要 素 を 単 語 の 途 中 に 挿 入 しない 5.9e 単 語 途 中 のホ ワイトスペースの 禁 止 (P.111) 5.9e 1) (2) 縦 書 きがどうしても 必 要 な 場 合 には 文 字 を 画 像 化 する (3) 表 示 幅 を 指 定 して 文 章 を 整 形 したいときは pre のかわり にスタイルシートで width プロパティを 使 う 5.9e 2) 5.9e 3) 参 考 詳 細 検 討 シート 1-11 単 語 内 の 空 白 等 (P.54) 20

46 1-12. 入 力 項 目 に 解 説 や 例 示 を 示 す 場 合 は 入 力 欄 の 前 に 記 述 する 対 象 者 全 盲 JIS 対 応 項 目 5..3 b) 音 声 読 上 げソフトウェアを 利 用 すると 入 力 後 に 読 上 げられてしまうため 入 力 を 終 えた 後 に 初 めて 気 づくことになる また 項 目 によって 文 字 だけでは かな 文 字 なのかカタカナ 文 字 ど ちらの 入 力 なのか わからない 場 合 があるので 注 意 する 5.3b 入 力 欄 のわかりやすさ form 要 素 などで 入 力 欄 を 使 用 するときは 何 を 入 力 すればよ いかを 理 解 しやすく 示 し 操 作 しやすいよう 配 慮 しなければなら ない 5..3b 入 力 欄 のわか りやすさ(P.48) label fieldset legend id form input textarea (1) 文 字 の 入 力 フィールドには 事 前 に 分 かるように 入 力 すべ き 文 字 種 ( 漢 字 全 角 文 字 カタカナ ひらがななど)を 記 述 する (2) 入 力 項 目 と 任 意 入 力 項 目 との 違 いを 明 確 に 示 す 5.3b 4) 5.3b 5) (3)label 要 素 を 使 用 し ラベルとコントロールを 関 連 づける (4)コントロールが 多 くなる 場 合 は グループ 化 する <fieldset> 要 素 を 使 ってグループ 化 し <legend> 要 素 でグループのタイ トルをつければよい (5) 入 力 に 関 する 指 示 説 明 注 意 事 項 などは 入 力 項 目 の 前 (もしくは 近 く)に 表 示 する 5.3b 1) 5.3b 2) 5.3b 6) (6) 入 力 する 文 字 種 など 入 力 書 式 に 自 由 度 を 持 たせる (7) 入 力 しやすく また 入 力 した 結 果 を 確 認 しやすくする テ キストボックス 内 の 文 字 サイズは 特 別 な 理 由 がない 限 り ラ ベルの 文 字 サイズより 小 さくしない 5.3b 3) 5.3b 7) 参 考 詳 細 検 討 シート 1-12 入 力 や 選 択 (P.55) 21

47 画 像 画 像 には 必 ず 代 替 情 報 を 付 加 する 対 象 者 全 盲 JIS 対 応 項 目 5.4 a) 画 像 には その 画 像 の 解 説 を 加 えて 音 声 読 上 げソフトウェアを 利 用 している 利 用 者 等 に 正 し い 情 報 が 伝 わるようにする なお 解 説 不 要 な 画 像 については 代 替 情 報 として 空 (Null)を 必 ず 付 加 する 5.4a 画 像 の 代 替 テキスト 画 像 には, 利 用 者 が 画 像 の 内 容 を 的 確 に 理 解 できるようにテキ ストなどの 代 替 情 報 を 提 供 しなければならない 5.4a 画 像 の 代 替 テ キスト(P.65) img (1)img 要 素 の alt 属 性 値 に 代 替 テキストを 記 述 する (2) 解 説 不 要 な 画 像 の alt 属 性 値 は 空 (Null:alt="")にす る 5.4a 1) 5.4a 2) (3) 周 囲 にあるテキストを 代 替 テキストとする 場 合 画 像 の alt 属 性 値 は 空 (Null:alt="")にする (4) 円 グラフや 棒 グラフの 代 替 情 報 は データテーブルを 提 供 する (5) 代 替 テキストが 長 くなってしまう 場 合 は 別 ページに 代 替 テキストを 記 述 する 5.4a 3) 5.4a 4) 5.4a 5) 参 考 詳 細 検 討 シート 1-2 画 像 (P.36) 22

48 1-14. 画 像 の 背 景 色 と 前 景 色 は 識 別 しやすい 配 色 とする (*) 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.5 c) 画 像 の 背 景 色 と 前 景 色 とは 十 分 なコントラスト( 明 度 差 )を 確 保 して 識 別 しやすい 配 色 に する 5.5c 背 景 色 と 前 景 色 のコントラストと 配 色 画 像 などの 背 景 色 と 前 景 色 とには 十 分 なコントラストを 取 り 識 別 しやすい 配 色 にすることが 望 ましい Img object font, スタイルシートの 色 に 関 するプロパテ ィすべて 5.5c 背 景 色 と 前 景 色 のコントラストと 配 色 (P.80) (1) 画 像 のコントラストと 色 差 を 確 保 する 5.5c 1) (2)コントラストや 色 差 の 確 保 が 難 しいと 思 われる 場 合 には, 縁 取 りなどを 利 用 する 5.5c 2) 参 考 詳 細 検 討 シート 2-11 画 像 内 の 文 字 (P.92) 23

49 1-15. 変 化 または 移 動 する 画 像 文 字 は 速 度 色 彩 輝 度 に 注 意 する (*) 対 象 者 色 覚 障 害 者 弱 視 高 齢 者 等 JIS 対 応 項 目 5.8 a) アニメーション 等 により 変 化 する 画 像 等 について その 変 化 する 速 度 色 彩 輝 度 には 十 分 注 意 する 5.8a 変 化 する 画 像 テキスト 変 化 又 は 移 動 する 画 像 又 はテキストは その 速 度 色 彩 輝 度 の 変 化 などに 注 意 して 作 成 することが 望 ましい 5.8a 変 化 する 画 像 テキスト(P.101) img, object, script (1)アニメーションやスクロールする 文 字 など 時 間 的 に 動 き のある 表 現 を 使 わない 5.8a 1) (2) 文 字 や 画 像 などの 色 や 輝 度 を 時 間 的 に 変 化 させて 表 示 する 場 合 には 画 面 ごとの 明 度 彩 度 および 色 相 の 変 化 を 小 さく する (3) 文 字 や 画 像 化 された 文 字 をスクロールして 表 示 する 場 合 は そのコントラスト 輝 度 の 変 化 および 速 度 を 緩 やかにする (4)スクロールさせる 場 合 は その 速 度 を 遅 くして 可 能 なら 利 用 者 がスクロールを 一 時 停 止 できるようにする (5) 点 滅 させる 場 合 は その 速 度 を 遅 くして 可 能 なら 利 用 者 が 点 滅 を 一 時 停 止 できるようにする 5.8a 2) 5.8a 3) 5.8a 4) 5.8a 5) 参 考 詳 細 検 討 シート 2-14 変 化 や 移 動 (P.98) 24

50 レイアウト 表 をレイアウトのために 用 いる 場 合 読 上 げられる 順 序 を 意 識 する 対 象 者 全 盲 肢 体 不 自 由 者 JIS 対 応 項 目 5.2 d) 表 形 式 のレイアウトを 作 成 する 場 合 音 声 読 上 げソフトウェアを 利 用 している 利 用 者 に 正 しく 情 報 が 伝 わらない 場 合 がある 正 しく 伝 わるように 音 声 読 上 げ 順 序 を 意 識 してレイアウトを 行 う ようにする 5.2d レイアウトテーブルを 使 用 しないことを 表 組 みの 要 素 をレイアウトのために 使 わないことが 望 ましい table td th 5.2d レイアウトテ ーブルの 禁 止 (P.32) (1) 表 組 みを 利 用 しないレイアウト(CSSを 使 ったレイアウ ト)を 指 定 する 5.2d 2) (2) 表 組 みレイアウトを 用 いる 場 合 には 音 声 ブラウザの 読 上 げ 順 序 を 配 慮 する 5.2d 1) 参 考 詳 細 検 討 シート 1-5 配 置 (P.42) 25

51 1-17. フレームは 必 要 以 上 に 用 いない 利 用 する 場 合 は 各 フレームの 役 割 を 明 確 にする (*) 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 JIS 対 応 項 目 5.2 f) フレームを 使 用 した 場 合 各 フレームの 役 割 やデータの 変 化 が 分 かりづらく 音 声 読 上 げソフ トウェア 等 を 利 用 する 方 や 弱 視 の 方 は 意 図 した 操 作 ができない 可 能 性 がある そのため フレ ームを 使 用 する 場 合 は その 役 割 や 機 能 等 を 明 確 にし 十 分 配 慮 すること 5.2f フレームの 多 用 の 禁 止 フレームは, 必 要 以 上 に 用 いないことが 望 ましい 使 用 すると きは, 各 フレームの 役 割 が 明 確 になるように 配 慮 しなければなら ない 5.2f フレームの 多 用 の 禁 止 (P.39) frameset frame noframes iframe link (1)フレームの 利 用 が 本 当 に 必 要 かどうか 検 討 する 5.2f 1) (2)frame 要 素 には title 属 性 を 用 いて 各 フレームの 役 割 を 記 述 する さらに 参 照 先 の HTML ファイルにも title 要 素 を 用 いてフレームの 役 割 を 記 述 する (3)フレームの 参 照 先 HTML がフレームであるような 構 造 は 避 ける (4)noframes 要 素 には,フレーム 未 対 応 のブラウザで 表 示 し た 場 合 でも 最 低 限 の 情 報 やナビゲーションを 記 述 する (5)ユーザにフレーム 版 とフレーム 版 を 選 択 できるように し 行 き 来 できるようにする 5.2f 2) 5.2f 3) 5.2f 4) 5.2f 5) 参 考 詳 細 検 討 シート 2-4フレーム (P.77) 26

52 1-18. ナビゲーションのための 基 本 操 作 部 分 を 提 供 する (*) 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.3 f) 5.3 h) サイト 内 を 移 動 したり 操 作 したりする 機 能 を 持 ったメニュー(ナビゲーションバー) 等 は 一 環 性 を 持 ち かつ 位 置 見 た 目 等 を 統 一 して 提 供 すること また 戻 るボタン 等 についても 全 体 で 位 置 を 統 一 することで 利 用 者 への 操 作 しやすさを 提 供 する 5.3f 一 貫 性 のある 基 本 操 作 部 の 提 供 ウェブサイト 内 においては 位 置 表 示 スタイル 及 び 表 記 に 一 貫 性 のある 基 本 操 作 部 を 提 供 することが 望 ましい a 5.3f 一 貫 性 のある 基 本 操 作 部 の 提 供 ( P.54) (1) 基 本 操 作 部 分 の 表 現 は ウェブサイト 内 あるいは 同 一 カテ ゴリ 内 で 一 貫 性 をもたせる (2)[ 戻 る]ボタンなどに 使 用 する 画 像 は ウェブサイト 内 で 統 一 し 画 像 の alt 属 性 を 必 ず 統 一 する (3) 基 本 操 作 部 分 の 表 現 と 反 応 の 対 応 関 係 は ウェブサイト 内 で 統 一 する 例 えば サイトマップ と 書 かれたリンクから は 常 に 同 じウェブページにジャンプさせる 5.3f 1) 5.3f 2) 5.3f 3) 参 考 詳 細 検 討 シート 2-7 共 通 メニュー (P.83) 27

53 5.3h ナビゲーションスキップ 共 通 に 使 われるナビゲーションなどのためのハイパリンク 及 び メニューは 読 み 飛 ばせるようにすることが 望 ましい 5.3h ナビゲーショ ンスキップ(P.58) a (1) 各 ページで 使 用 している 共 通 のナビゲーションバーやメニ ューなどは 音 声 ブラウザの 使 用 時 にスキップできるよう 本 文 へのページ 内 リンクを 設 ける 5.3h 1) (2)HTML としては 本 文 を 先 に 読 み 上 げ メニューやナビゲ ーションを 後 で 読 み 上 げるように 記 述 し スタイルシートを 使 用 して 配 置 を 上 部 や 左 側 に 変 更 する 5.3h 3) (3)ページのヘッダーに 該 当 するナビゲーションバーや 画 面 の 左 側 に 表 示 するメニューを 不 必 要 に 大 きくしない 5.3h 2) 参 考 詳 細 検 討 シート 2-8メニュー 読 み 飛 ばし 機 能 (P.86) 28

54 キーボードによる 操 作 操 作 はマウスのみでの 操 作 等 単 一 の 入 力 装 置 に 依 存 しない 対 象 者 全 盲 弱 視 肢 体 不 自 由 者 高 齢 者 等 JIS 対 応 項 目 5.3 a) マウスの 操 作 が 困 難 なため 全 ての 操 作 をキーボード 機 能 のみで 行 う 利 用 者 が 存 在 する 単 一 の 入 力 デバイスに 依 存 せず 少 なくともキーボードのキーのみで 全 ての 操 作 に 対 応 できるように する キーボードのキーのみで 対 応 できれば 代 替 装 置 や 器 具 等 でも 操 作 が 可 能 になる 5.3a デバイスに 依 存 しない 操 作 ウェブコンテンツは, 特 定 の 単 一 のデバイスによる 操 作 に 依 存 せず 少 なくともキーボードによってすべての 操 作 が 可 能 でなけ ればならない 5.3a 非 デバイス 依 存 (P.43) tablindex accesskey onclick ondblclick onmousedown onmouseup onmouseover onmouseout onmousemove onkeypress onkeydown onkeyup onload onunload onchange onfocus onblur onsubmit onreset onselect (1) 全 てのリンク 及 び 入 力 項 目 に 理 にかなった 順 序 で 移 動 で きるようにする (2)JavaScript ではイベントハンドラを 入 力 装 置 を 限 定 し ないように 記 述 する 5.3a 1) 5.3a 2) (3)キーボードだけでも 操 作 できるプラグインを 使 用 する で きないプラグインの 場 合 は 代 替 の 機 能 を HTML などで 提 供 する 5.3a 3) 参 考 詳 細 検 討 シート 1-4キーボード 操 作 (P.40) 29

55 特 殊 な 技 術 プラグイン 特 定 のソフトウェアに 依 存 するファイルにはできるだけ 代 替 情 報 を 用 意 する 用 意 で きない 場 合 は 断 りを 入 れる 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.4 e) 一 太 郎 や Word Excel PDF など 特 定 のソフトウェアに 依 存 するファイルにて 提 供 する 場 合 必 ず 多 種 の 様 式 にて 提 供 する PDF ファイルを 用 いて 情 報 提 供 する 場 合 は テキストで 解 説 が 可 能 な 場 合 は 代 替 テキストを 用 意 する 代 替 テキストでは 解 説 できない 場 合 は PDF のみで の 提 供 と 断 りを 入 れる また 利 用 に 必 要 なソフトウェア(プラグイン)については 最 新 版 の 入 手 先 を 案 内 する 5.4e オブジェクトの 代 替 形 式 アクセス 可 能 ではないオブジェクト プログラムなどには 利 用 者 がその 内 容 を 的 確 に 理 解 し 操 作 できるようにテキストなど の 代 替 情 報 を 提 供 しなければならない また,アクセス 可 能 なオ ブジェクト 又 はプログラムに 対 しても 内 容 を 説 明 するテキスト などを 提 供 することが 望 ましい 5.4e オブジェクト の 代 替 形 式 (P.74) object script a (1)プラグインの 最 新 バージョンをダウンロードできるページ へのリンクを 提 供 する 5.4e 3) (2)object 要 素 には 代 替 テキストを 提 供 する 5.4e 1) (3)script 要 素 があるとき noscript 要 素 を 使 って スクリプ トが 使 えないときにもアクセスできるようにする 5.4e 2) 参 考 詳 細 検 討 シート 1-13PDF (P.58) 30

56 1-21. 特 定 のソフトに 依 存 する 映 像 や 音 声 などは 代 替 情 報 を 考 慮 する 対 象 者 全 盲 弱 視 聴 覚 障 害 者 JIS 対 応 項 目 5.1 b) 5.4 c) 5.4 d) 5.7 a) 5.7 b) 映 像 や 画 像 などを 提 供 するための Flash などの 特 定 のソフトウェア(プラグイン)に 依 存 する ページは そのソフトウェア(プラグイン)をサポートしていない 環 境 を 考 慮 して できるだけ 音 声 や 字 幕 などの 代 替 情 報 を 提 供 することとする また 動 画 音 声 の 自 動 再 生 は 避 け 動 画 音 声 を 停 止 させる 機 能 をつける また キーボードのみによる 操 作 を 考 慮 して 作 成 する 速 い 通 信 速 度 を 必 要 とするリアルタイム 配 信 の 場 合 は 内 容 に 関 する 説 明 などの 代 替 情 報 をで きるだけ 用 意 する 利 用 に 必 要 なソフトウェア(プラグイン)については 最 新 版 の 入 手 先 を 案 内 する 5.1b アクセシブルなオブジェクトの 使 用 ウェブコンテンツには アクセス 可 能 なオブジェクトなどの 技 術 を 使 うことが 望 ましい object, applet, script, noscript, embed, noembed 5.1b アクセシブル なオブジェクトの 使 用 (P.11) (1)object 要 素 のオブジェクトをアクセシブルにする (2)object 要 素 には 代 替 テキストを 提 供 する (3)object 要 素 は 非 対 応 ブラウザや 高 齢 者 障 害 者 支 援 技 術 が 存 在 するため embed および noembed 要 素 などの 併 用 を 考 慮 する 5.1b 1) 5.1b 2) 5.1b 6) (4)プラグインに 関 する 情 報 提 供 を 行 う (5)script 要 素 があるとき,そのスクリプトはアクセシブルで あること (6)script 要 素 があるとき noscript 要 素 を 使 って script が 使 えないときにもアクセスできること 5.1b 3) 5.1b 4) 5.1b 5) 31

57 5.4c 音 声 の 代 替 ウェブコンテンツの 内 容 を 理 解 操 作 するのに 必 要 な 音 声 情 報 には 聴 覚 を 用 いなくても 理 解 できるテキストなどの 代 替 情 報 を 提 供 しなければならない object 5.4c 音 声 の 代 替 ( P.70) (1) 音 声 情 報 に 代 替 テキストを 提 供 する 5.4c 1) 参 考 詳 細 検 討 シート 1-14 音 声 (P.62) 5.4d 動 画 の 字 幕 と 状 況 解 説 動 画 など 時 間 によって 変 化 する 非 テキスト 情 報 には, 字 幕 又 は 状 況 解 説 などの 手 段 によって 同 期 した 代 替 情 報 を 提 供 すること が 望 ましい 同 期 して 代 替 情 報 が 提 供 できない 場 合 には 内 容 に ついての 説 明 を 何 らかの 形 で 提 供 しなければならない 5.4d 動 画 の 字 幕 と 状 況 解 説 (P.71) object (1) 音 声 で 聴 覚 的 に 伝 えている 情 報 を 代 替 テキストで 提 供 する 5.4d 4) 32

58 2) 画 面 で 視 覚 的 に 伝 えている 情 報 を 同 期 させた 副 音 声 で 提 供 す る 3) 画 面 で 視 覚 的 に 伝 えている 情 報 を 代 替 テキストで 提 供 する 4) 音 声 で 聴 覚 的 に 伝 えている 情 報 を 同 期 させたキャプション( 字 幕 )で 提 供 する 5.4d 1) 5.4d 2) 5.4d 3) 参 考 詳 細 検 討 シート 1-15 動 画 (P.64) 5.7a 音 の 自 動 再 生 の 禁 止 自 動 的 に 音 を 再 生 しないことが 望 ましい 自 動 的 に 再 生 する 場 合 には 再 生 していることを 明 示 しなければならない 5.7a 音 の 自 動 再 生 の 禁 止 (P.95) bgsound object embed (1) 音 の 自 動 再 生 がどうしても 必 要 か 再 度 検 討 する 5.7a 1) (2)ページの 先 頭 部 分 やタイトルの 中 に, 音 が 自 動 再 生 されて いることをわかりやすく 表 示 する (3)bgsound 要 素 は 特 定 ブラウザの 拡 張 属 性 のため 使 用 しな い (4) 自 動 再 生 しないように 明 示 的 に 設 定 する 5.7a 2) 5.7a 3) 5.7a 4) 参 考 詳 細 検 討 シート 2-13 音 再 生 のコン トロール (P.96) 33

59 5.7b 利 用 者 による 音 量 調 整 音 は 利 用 者 が 出 力 を 制 御 できることが 望 ましい object embed 5.7b 利 用 者 による 音 量 調 整 (P.98) (1)bgsound 要 素 は 特 定 ブラウザの 拡 張 属 性 のため 使 用 しな い 5.7b 1) (2)プラグインを 指 定 する 場 合 は ユーザーが Web ページで 出 力 制 御 が 可 能 な 機 能 のあるプラグインを 選 択 する (3)コントローラーなどは 非 表 示 設 定 はせずに 表 示 するよう にする 非 表 示 にする 場 合 は 最 低 限 音 を 停 止 または 再 生 す る 機 能 を 提 供 する 5.7b 2) 5.7b 3) 参 考 詳 細 検 討 シート 2-13 音 再 生 のコン トロール (P.96) 34

60 1-22. ダウンロード 用 にファイルを 提 供 する 場 合 は ファイル 種 別 ファイルサイズを 明 記 する 対 象 者 利 用 者 全 般 文 書 ファイルや 映 像 音 声 圧 縮 形 式 のファイルなどのコンテンツを 提 供 する 場 合 には ファ イル 種 別 ファイルサイズを 併 記 し 利 用 者 が 自 分 の 利 用 環 境 を 考 慮 してファイルをダウンロー ドできるようにする 該 当 35

61 その 他 利 用 する 言 葉 は 分 かりやすい 言 葉 とする 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.9 b) 5.9 c) 5.9 d) 5.9 f) ページ 内 で 利 用 する 言 葉 は わかりやすいように 配 慮 する 1) 理 解 しづらいと 考 えられる 外 国 語 専 門 用 語 流 行 語 などは 多 用 しない また 初 めて 記 載 する 際 に 解 説 や 定 義 を 行 うこと また 読 みの 難 しい 言 葉 などには 読 みを 併 記 する 2) 文 章 だけではなく 図 記 号 や 絵 など 合 わせて 用 いる 5.9b 外 国 語 の 多 用 禁 止 日 本 語 のページでは 想 定 する 利 用 者 にとって 理 解 しづらいと 考 えられる 外 国 語 は 多 用 しないことが 望 ましい 使 用 するとき は 初 めて 記 載 する 時 に 解 説 しなければならない 5.9b 外 国 語 の 多 用 禁 止 (P.107) (1) 想 定 する 利 用 者 が 幅 広 くあらゆる 利 用 者 を 対 象 にしたいと きは 外 国 語 の 使 用 を 最 低 限 にし ページの 最 初 に 出 現 した 箇 所 でその 単 語 の 意 味 あるいは 説 明 を 提 供 する 文 章 で 用 い る 場 合 には その 日 本 語 訳 を 併 記 するか 日 本 語 訳 へのリン クを 提 供 する 5.9b 1) (2) 利 用 者 が 一 定 の 外 国 語 に 関 する 知 識 を 持 っていると 想 定 さ れる 場 合 は そのレベルに 合 わせて 理 解 の 困 難 な 言 葉 に 限 っ て 説 明 を 提 供 する 5.9b 2) 参 考 詳 細 検 討 シート 2-17 外 国 語 (P.103) 36

62 5.9c 省 略 語, 専 門 用 語, 流 行 語, 俗 語 の 多 用 禁 止 省 略 語 専 門 用 語 流 行 語 俗 語 などの 想 定 する 利 用 者 にとっ て 理 解 しにくいと 考 えられる 用 語 は 多 用 しないことが 望 まし い 使 用 するときは 初 めて 記 載 されるときに 定 義 しなければな らない abbr acronym th td 5.9c 省 略 語, 専 門 用 語, 流 行 語, 俗 語 の 多 用 禁 止 (P.108) (1) 想 定 する 利 用 者 にとって 専 門 用 語 流 行 語 俗 語 がわかり にくいとおもわれる 場 合 には 少 なくとも 初 めて 出 現 した 箇 所 でその 説 明 を 提 供 する 5.9c 3) (2) 省 略 語 が 最 初 に 出 現 した 箇 所 で abbr 要 素 または acronym 要 素 によって 正 式 な 名 称 等 を 明 示 する (3)table のセルで 省 略 語 を 定 義 する 場 合 には abbr 属 性 で 指 定 する (4) 読 みが 難 しいと 思 われる 場 合 には 5.4 非 テキスト 情 報 ( 代 替 テキスト)のソリューションを 併 用 する (5)ユーザに 馴 染 みのある 用 語 を 使 用 する 5.9c 1) 5.9c 2) 5.9c 4) 5.9c 5) 参 考 詳 細 検 討 シート 2-18 省 略 語 専 門 用 語 (P.104) 5.9d 読 みの 難 しいと 考 えられる 言 葉 の 多 用 禁 止 想 定 する 利 用 者 にとって 読 みの 難 しいと 考 えられる 言 葉 ( 固 有 名 詞 など)は 多 用 しないことが 望 ましい 使 用 するときは 初 めて 記 載 されるときに 読 みを 明 示 しなければならない 5.9d 読 みの 難 しい と 考 えられる 言 葉 の 多 用 禁 止 (P.110) 37

63 ruby 1)XHTML 1.1 では ruby を 用 いて 読 みを 示 す 2)HTML では カッコ 書 きなどで 読 みを 示 す 5.9d 1) 5.9d 2) 参 考 詳 細 検 討 シート 2-19 読 みの 難 しい 言 葉 (P.105) 5.9f 図 記 号 とイラストレーション ウェブコンテンツは 文 章 だけでなく 分 かりやすい 図 記 号 イラストレーション 音 声 などを 合 わせて 用 いることが 望 まし い 5.9f 図 記 号 とイラ ストレーション( P.112) (1) 文 章 に 適 切 に 図 やイラストレーションを 付 加 する (2)ハイパーリンクにボタンやアイコンなどを 併 用 する 5.9f 1) 5.9f 2) 38

64 (3) 知 的 障 害 のある 人 のためのウェブページは 文 章 を 最 小 限 にし アイコンやイラストなどで 理 解 できるようにする 5.9f 3) 参 考 詳 細 検 討 シート 2-20 図 等 によるわか りやすい 表 現 (P.106) 39

65 1-24. 音 声 読 上 げソフトウェアの 機 能 特 性 を 意 識 した 表 記 を 行 う 対 象 者 聴 覚 障 害 者 音 声 読 上 げソフトウェアの 機 能 特 性 を 理 解 して 正 しく 読 上 げられるよう 表 記 に 注 意 する 1) 改 行 は 空 白 文 字 同 様 文 章 の 区 切 りとして 扱 うため 正 確 に 読 上 げられない 場 合 がある 改 行 を 用 いないで 表 記 するか 改 行 を 行 う 場 合 は 区 切 りに 気 をつける 2) 文 字 の 取 り 消 し 線 は 読 上 げることができない 取 り 消 し 線 を 使 う 場 合 は その 旨 を 併 記 する 3) 日 付 の 表 記 について 正 しく 年 号 年 月 日 にて 表 記 する 4) 英 単 語 を 記 述 する 場 合 は 全 て 小 文 字 表 記 にするか 先 頭 1 文 字 大 文 字 にして 表 記 するよ うにする 該 当 40

66 技 術 基 準 にて 配 慮 する 項 目 対 象 者 利 用 者 全 般 JIS 対 応 項 目 5.2 a) 5.2 b) 5.2 c) 5.3 i) 5.2a 文 書 構 造 のマーク 付 け ウェブコンテンツは 見 出 し 段 落 リストなどの 要 素 を 用 い て 文 書 の 構 造 を 規 定 しなければならない 5.2a 文 書 構 造 のマ ーク 付 け(P.14) h1 h2 h3 h4 h5 h6 p div span dl ol ul li big small em strong blockquote q font stylemeta (1) 見 出 し 要 素 h1 ~ h6 を 利 用 する (2) 見 出 し 要 素 は 可 能 な 限 り 正 しい 階 層 構 造 で 記 述 する (3)リスト 要 素 を 利 用 する 5.2a 1) 5.2a 2) 5.2a 3) (4) 段 落 要 素 <p>や 汎 用 ブロックレベル 要 素 <div> 汎 用 インラ イン 要 素 <span>を 利 用 する (5) 論 理 的 な 強 調 を 現 す 要 素 <em> <strong> 等 を 用 いる (6)ソースコードを 現 す 要 素 <code>を 用 いることができる (7) 変 数 や 引 数 であることを 現 す 要 素 <var>を 用 いることができ る (8) 引 用 に 関 わる 要 素 <blockquote> <q> <cite>を 用 いる (9) 略 語 などを 現 す 要 素 <abbr> <acronym>を 用 いる (10) 定 義 されている 用 語 を 現 す 要 素 <dfn>を 用 いる 5.2a 4) 5.2a 5) 5.2a 6) 5.2a 7) 5.2a 8) 5.2a 9) 5.2a 10) 参 照 詳 細 検 討 シート 2-1 文 書 構 造 (P.71) 41

67 5.2b 構 造 と 表 示 スタイルの 分 離 ウェブコンテンツの 表 示 スタイルは 文 書 と 分 離 して 書 体 サイズ 色 行 間 背 景 色 などをスタイルシートを 用 いて 記 述 す ることが 望 ましい ただし 利 用 者 がスタイルシートを 使 用 でき ない 場 合 又 は 意 図 的 に 使 用 しないときにおいても ウェブコン テンツの 閲 覧 及 び 理 解 に 支 障 が 生 じてはならない 5.2b 構 造 と 表 示 ス タイルの 分 離 (P.19) h1 h2 h3 h4 h5 p iv span dl ol ul li big small em del th strong blockquote q font style font-size font-weight text-align color background-color margin-top margin-bottom margin-left margin-right list-style-type list-style-image line-height font-size position top left (1) 見 出 し 要 素 <h?>の 書 式 変 更 にスタイルシートを 用 いる (2)リスト 要 素 の 書 式 変 更 にスタイルシートを 用 いる (3) 段 落 やブロックレベルでの 書 式 変 更 (p 要 素 div 要 素 ) に スタイルシートを 用 いる (4) 文 字 書 式 の 書 式 変 更 にスタイルシートを 用 いる (5)JIS X8341-3: 5.2 a を 遵 守 し 文 書 構 造 を 正 しく 記 述 す る 5.2b 1) 5.2b 2) 5.2b 3) 5.2b 4) 5.2b 5) (6)CSS による 表 示 位 置 の 指 定 を 行 う 場 合 は HTML の 記 述 の 順 番 が 理 解 できる 順 番 で 配 置 するように 記 述 する (7)テーブルの 見 出 し th 要 素 が 自 動 的 に 太 文 字 になるのを 抑 制 する b 6) 5.2b 7) 参 照 詳 細 検 討 シート 2-2スタイルシート (P.73)

68 5.2c データテーブルの 適 切 なマーク 付 け 表 は わかりやすい 表 題 を 明 示 し できる 限 り 簡 単 な 構 造 にし て 適 切 なマーク 付 けによってその 構 造 を 明 示 しなければならな い 5.2c データテーブ ルの 適 切 なマーク 付 け (P.30) table td th caption style scope headers id summary (1)セル 結 合 が 本 当 に 必 要 かどうか 検 討 する 5.2c 2) (2) 表 の 見 出 しセルには th を 利 用 する 5.2c 1) (3)セルの 結 合 などで, 複 雑 な 構 造 のため th のみでは 十 分 に 表 の 構 造 を 表 現 できない 場 合 は scope, headers, id 属 性 を 利 用 する (4) 表 題 をつけるには caption 要 素 を 利 用 する (5) 表 を 理 解 するうえで 必 要 な 概 要 や 構 造 に 関 する 情 報 を summary 属 性 として 記 述 する 5.2c 3) 5.2c 4) 5.2c 5) 参 照 詳 細 検 討 シート 2-3 表 (P.75) 5.3i 誤 操 作 の 復 帰 利 用 者 がウェブコンテンツにおいて 誤 った 操 作 をしたときで も 元 の 状 態 に 戻 すことができる 手 段 を 提 供 しなければならな い 5.3i 誤 操 作 の 復 帰 ( P.63) form 43

69 (1) 入 力 後 データの 確 定 前 に 利 用 者 自 身 が 入 力 内 容 を 確 認 で きるようにする 5.3i 3) (2)ブラウザの[ 前 に 戻 る]ボタンなどで 前 に 表 示 した 画 面 を 簡 単 に 表 示 できるようにする (3)ブラウザの[ 前 に 戻 る]ボタンなどで フォームに 戻 ったと き 入 力 済 みのデータをそのまま 残 して 表 示 しなければならな い (4) 申 し 込 み 内 容 を 表 示 し その 内 容 を 印 刷 できるようにする (5) 高 齢 者 を 想 定 すると プルダウンメニューなどのような 動 くメニューや 動 くナビゲーションは なるべく 使 用 しないよ うにする 5.3i 1) 5.3i 2) 5.3i 4) 5.3i 9) (6)サイトで 自 動 的 に 入 力 内 容 をチェックする 場 合 文 字 種 な どの 入 力 エラーメッセージは こまめにその 都 度 表 示 する (7) 入 力 内 容 のエラー 画 面 を 表 示 するときは 問 題 のある 入 力 項 目 と 問 題 のない 入 力 項 目 を 明 確 に 示 す (8)フォームの 送 信 後 に 利 用 者 への 適 切 なフィードバックを 行 う (9) 高 齢 者 を 想 定 すると 選 択 肢 を 提 示 された 選 択 は 問 題 が 少 ない 5.3i 5) 5.3i 6) 5.3i 7) 5.3i 8) 参 照 詳 細 検 討 シート 2-9やり 直 し 手 段 (P.88) 44