( 別 紙 )アクセシブルなコンテンツの 作 成 に 関 する 指 針 1 配 慮 すべき 項 目 一 覧 < 分 類 別 一 覧 > 番 号 内 容 関 連 JIS 基 準 ページ 番 号 (1) 適 切 なページタイトル 名 a 全 てのページに その 内 容 を 示 すページタイトルを 設 定 すること 7.2.4.2 4 b 複 数 のページに 同 じタイトルを 設 定 しないこと 7.2.4.2 4 c ページタイトルの 後 にサイト 名 をつけること 7.2.4.2 4 (2) 構 造 や 表 示 スタイルについて a HTML の 文 法 は W3C の 仕 様 に 基 づき 記 述 し 見 出 し 段 落 リスト 及 び 箇 条 書 きなどの 要 素 を 用 いて 適 切 な 文 書 構 造 を 記 述 すること 7.1.3.1 7.2.4.6 7.4.1.1 5 b 文 字 コード 言 語 コードを 設 定 すること 7.3.1.1 7.3.1.2 7.4.1.2 c 同 じ 内 容 や 機 能 を 表 すものは 名 前 や 見 栄 えを 統 一 すること 7.2.4.1 7.3.2.3 7.3.2.4 7.4.1.2 d 一 つのコンテンツに 対 して 複 数 の 到 達 手 段 を 提 供 すること 7.2.4.5 6 e f g 新 たに web サイトを 作 成 する 際 には 各 ページの 先 頭 に 共 通 のメニ ューを 読 み 飛 ばすリンク を 設 置 すること 各 ページの 階 層 を 分 かりやすく 整 理 し 現 在 表 示 されている 位 置 が 分 かるように パンくずリスト など 利 用 者 が 迷 わない 仕 組 みを 設 置 すること 各 ページには 提 供 する 情 報 (コンテンツ)のトップページ 及 び 県 トッ プページへのリンクを 設 置 すること 6 6 7.2.4.1 7 7.2.4.8 7 7.3.2.4 8 h フレームを 使 ったレイアウトをしないこと 7.4.1.2 8 i j ページの 長 さは 適 切 な 長 さとし やむを 得 ず 長 くなる 場 合 には ペー ジ 先 頭 に 戻 るリンクを 設 置 すること 画 面 の 横 の 大 きさは 800 ピクセルのディスプレイで 支 障 なく 表 示 さ れるようにし 横 スクロールの 操 作 を 不 要 とすること k 印 刷 が 想 定 される 場 合 は 適 切 な 幅 を 設 定 すること 9 (3) 文 字 単 語 について a 機 種 依 存 文 字 及 び 半 角 カタカナを 使 用 しないこと 7.4.1.1 10 b 文 字 サイズは 見 やすい 大 きさとし 利 用 者 が 変 更 できるようにするこ と 8 9 7.1.4.4 10 c 行 間 は 文 章 が 読 みやすい 幅 とし 絶 対 値 で 指 定 しないこと 10 d 文 字 の 書 体 (フォント)は 指 定 しないこと 7.1.4.4 10 e 行 政 用 語 専 門 用 語 省 略 語 による 表 記 を 避 け 分 かりやすい 言 葉 で 表 現 すること 7.3.1.3 7.3.1.4 7.3.1.6 11 f レイアウトのために 単 語 の 文 字 間 に 空 白 (スペース)や 改 行 をいれな いこと 7.1.3.2 11 g 年 月 日 及 び 時 間 などの 表 記 については 記 号 を 使 用 しないこと 12 h 文 章 による 説 明 だけではなく 必 要 に 応 じて わかりやすい 図 やイラ ストなどを 用 いて 表 現 すること 12 1
(4) PDF Flash 等 のデータファイルについて a 情 報 提 供 は HTML で 行 うことを 基 本 とすること 7.1.1.1 13 b 利 用 者 の 通 信 環 境 に 配 慮 し ファイルサイズをできる 限 り 小 さくする こと c プラグインソフトウェアのダウンロード 機 能 を 提 供 すること 13 d ファイル 形 式 ファイルサイズを 明 示 すること 7.2.4.4 14 7.2.4.9 (5) 画 像 について a すべての 画 像 には 適 切 な 代 替 テキスト(alt 属 性 )を 設 定 すること 7.1.1.1 14 b 画 像 に 伝 える 情 報 がない 場 合 は 空 白 の 代 替 テキストを 設 定 するこ と 13 7.1.1.1 15 c 画 像 のファイルサイズをできる 限 り 小 さくすること 15 (6) リンクについて a リンクを 設 定 する 文 字 には リンク 先 がわかるように 表 記 すること 7.2.4.4 7.2.4.9 16 b リンクを 設 定 する 画 像 には リンク 先 の 大 まかな 内 容 が 予 測 できる 代 替 テキストを 設 定 すること 7.1.1.1 7.2.4.4 7.2.4.9 c リンク 先 のページは 同 一 の 画 面 (ウィンドウ)で 表 示 すること 7.3.2.1 7.3.2.2 7.3.2.5 d e 県 のホームページ 以 外 にリンク 設 定 している 場 合 には その 旨 を 明 記 すること ページ 内 リンクの 使 用 は アクセシビリティ 配 慮 のために 設 置 する 場 合 を 除 き できるだけ 避 けること 7.2.4.4 7.2.4.9 7.3.2.2 f リンク 設 定 文 字 とリンク 設 定 文 字 の 間 は ある 程 度 広 い 間 隔 を 設 け 18 ること (7) 表 について a 表 で 情 報 を 提 供 することが 最 適 か 十 分 に 検 討 すること 7.1.3.1 18 b 表 の 見 出 しとデータの 関 係 を HTML で 示 すこと 7.1.3.1 18 c 表 を 使 用 する 場 合 には 単 純 な 構 造 とし 読 み 上 げ 順 序 を 考 慮 する こと 7.1.3.1 7.1.3.2 (8) 色 について a 背 景 と 文 字 の 明 度 差 (コントラスト)を 十 分 にとること 7.1.4.3 20 b 色 の 識 別 をしなくても 理 解 できる 内 容 とすること 7.1.4.1 20 (9) 操 作 入 力 について a マウス 使 用 を 前 提 としたページとせず キーボードを 使 って 操 作 でき るようにすること 7.2.1.1 7.2.1.2 7.2.4.7 7.3.2.2 21 b c d キーボードの Tab キーで 移 動 する 順 序 と 情 報 を 理 解 するための 順 序 を 同 じにすること キーボードの Tab キー 又 は 矢 印 キーなど 標 準 的 な 方 法 以 外 が 必 要 な 場 合 は 利 用 者 に 伝 えること 入 力 フォームの 提 供 にあたっては 入 力 方 法 を 入 力 欄 にわかりやす く 明 示 すること 7.2.4.3 7.2.4.7 7.2.1.2 7.2.4.7 7.2.4.6 7.3.3.2 e フォームの 構 成 部 品 とラベルの 関 連 付 けを 行 うこと 7.1.3.1 7.2.4.6 16 17 17 18 19 21 22 22 23 2
f g フォームの 入 力 内 容 を 確 認 し 取 り 消 しや 修 正 が 可 能 な 仕 組 みを 用 意 すること 利 用 者 の 意 図 に 反 して 自 動 的 に 他 のページに 移 動 したり 更 新 す るようなページを 作 成 しないこと 7.3.3.1 7.3.3.3 7.3.3.4 7.2.2.2 7.3.2.1 7.3.2.5 h 閲 覧 や 操 作 入 力 に 制 限 時 間 を 設 定 しないこと 7.2.2.1 7.2.2.3 (10) 画 像 や 文 字 の 表 現 について a 形 や 位 置 大 きさなど 感 覚 的 な 特 徴 のみで 情 報 を 提 供 しないこと 7.1.1.1 7.1.3.3 b 文 字 を 必 要 以 上 に 画 像 化 しないこと 7.1.1.1 7.1.4.4 7.1.4.5 c 点 滅 したり 動 いたりする 表 現 は 控 えること 7.2.2.2 7.2.3.1 7.2.3.2 (11) 音 声 動 画 について a 音 声 で 情 報 を 提 供 する 場 合 は 音 声 で 伝 える 情 報 の 内 容 をテキスト で 掲 載 すること 7.1.1.1 7.1.2.1 7.1.2.2 7.1.2.4 b 音 を 用 いる 場 合 は 自 動 的 に 再 生 させないこと 7.1.4.2 25 c 動 画 で 情 報 を 提 供 する 場 合 は 音 声 ガイド 若 しくは 伝 える 情 報 の 内 容 をテキストで 掲 載 すること d 動 画 や Flash などで 作 成 された 音 声 付 の 映 像 コンテンツにはキャプシ ョンを 付 けること (12) 問 い 合 わせ 先 の 明 示 提 供 する 情 報 に 対 する 問 い 合 わせの 担 当 窓 口 と 連 絡 手 段 を 明 記 す ること なお 連 絡 手 段 は メールだけでなく 電 話 番 号 やFAXなど 複 数 の 手 段 を 明 記 すること 7.1.1.1 7.1.2.1 7.1.2.3 7.1.2.5 23 23 23 24 24 25 25 25 7.1.2.2 26 26 3
2 配 慮 すべき 項 目 (1) 適 切 なページタイトル 名 (a) 全 てのページに その 内 容 を 示 すページタイトルを 設 定 すること 音 声 読 み 上 げソフトは 画 面 の 情 報 を 読 み 上 げるものであり ページタイトルから 読 み 上 げるため 適 切 なページタイトルが 設 定 されていない 場 合 利 用 者 がページの 概 要 や 意 図 を 理 解 できない <head>タグ 内 の<title>タグで ページタイトルを 設 定 する 設 定 されている 場 合 は タ イトル 名 を 読 み 上 げる 設 定 されていない 場 合 は 表 示 される URL(ホー ムページのアドレス)を 読 み 上 げる (b) 複 数 のページに 同 じタイトルを 設 定 しないこと 複 数 のページに 同 じタイトルが 設 定 されているとページが 区 別 できないため 目 的 の 情 報 がそのページにあるかどうかページタイトルから 判 断 することができない (c)ページタイトルの 後 にサイト 名 をつけること ページタイトルは 検 索 エンジンの 検 索 結 果 やお 気 に 入 りなどの 項 目 として 表 示 され るが サイト 名 が 表 示 されないと 利 用 者 がどのサイトのページか 判 断 しづらくなる ページ 名 /サイト 名 など 一 定 のルールで 設 定 する < 例 > 各 種 相 談 窓 口 のご 案 内 / 愛 媛 県 4
(2) 構 造 や 表 示 スタイルについて (a) HTML( 1)の 文 法 は W3C( 2)の 仕 様 に 基 づき 記 述 し 見 出 し 段 落 リ スト 及 び 箇 条 書 きなどの 要 素 を 用 いて 適 切 な 文 書 構 造 を 記 述 すること 視 覚 に 障 害 のある 利 用 者 は 文 字 の 大 きさなどを 視 覚 的 に 判 断 できないため 音 声 読 み 上 げソフトには 見 出 しやリストなどの 要 素 ごとに 音 声 を 区 別 して 表 現 するなど の 機 能 があるが 見 出 しやリストなどの 要 素 ごとに 記 述 していないページは その 機 能 が 働 かず ページの 概 要 を 理 解 することが 困 難 である また 音 声 読 み 上 げソフト によっては ある 特 定 の 要 素 を 飛 ばし 読 みする 機 能 により ページ 全 体 の 概 要 を 把 握 することができるが その 機 能 も 使 用 することができない 1 HTML ホームページを 記 述 するための 言 語 2 W3C WWW(World Wide Web)の 健 全 な 発 展 と 普 及 の 促 進 を 目 的 とする 国 際 的 な 団 体 (World Wide Web Consortium) 正 確 な 文 法 で 記 載 されているか 確 認 する ( 構 文 チェックツールなどを 利 用 ) 見 出 し 段 落 リスト 及 び 箇 条 書 きなどの 要 素 を 適 切 に 使 用 する <h1> 大 見 出 し <p> 段 落 <h2> 中 見 出 し <ol> 番 号 付 きリスト <ul> 順 不 同 リスト 5
(b) 文 字 コード 言 語 コードを 設 定 すること コンテンツで 使 用 している 文 字 コードを 明 確 に 指 定 していないと ブラウザ( ) が 違 う 文 字 コードと 判 断 し 文 字 化 けを 起 こす 恐 れがある また 言 語 コードを 明 確 にしていないと 音 声 読 み 上 げソフトが 正 しい 発 音 で 読 み 上 げられなかったり 点 字 ディスプレイが 正 しく 表 示 できなかったりする 恐 れがある 文 字 コードは head 要 素 内 の<meta>タグの charaset 属 性 で 指 定 する ( 文 字 コード を 宣 言 する 前 にタイトルを 設 定 しないこと ) 言 語 コードは HTML の 場 合 <html>タグの lang 属 性 を 指 定 する( 日 本 語 の 場 合 は ja ) 使 用 する 言 語 が 切 り 替 わった 場 所 であらためて lang 属 性 を 用 いて 指 定 す る ブラウザ ホームページを 閲 覧 するためのソフト (c) 同 じ 内 容 や 機 能 を 表 すものは 名 前 や 見 栄 えを 統 一 すること 同 じ 内 容 や 機 能 を 表 すリンク アイコンなどの 表 記 方 法 や 見 栄 えが 各 ページで 異 な っていると 利 用 者 が 混 乱 する 恐 れがある 共 通 のナビゲーション( )の 仕 組 みを 用 いる ページの 先 頭 へ 戻 る など 同 じ 機 能 を 表 す 言 葉 を 統 一 する ナビゲーション (d) 一 つのコンテンツに 対 して 複 数 の 到 達 手 段 を 提 供 すること 一 つのコンテンツへの 到 達 手 段 が 一 つだけしか 提 供 されていないと その 到 達 手 段 をみつけることができない 場 合 目 的 のコンテンツにたどり 着 けなくなる web サイトにおける 主 要 な 分 類 から 到 達 できるようにする サイトマップ サイト 内 検 索 の 機 能 を 提 供 する 6
(e) 新 たに web サイトを 作 成 する 際 には 各 ページの 先 頭 に 共 通 のメニューを 読 み 飛 ばすリンク を 設 置 すること 音 声 読 み 上 げソフトは ページの 上 から 下 へ 順 番 に 内 容 を 読 むため すべてのペー ジで 毎 回 同 じ 内 容 の 共 通 メニューが 読 み 上 げられ 目 的 の 内 容 になかなかたどり 着 けなくなる 各 ページで 使 用 している 共 通 のナビゲーションやメニューなどは 音 声 ブラウザ 等 の 使 用 時 にスキップできるよう 本 文 へのページ 内 リンクを 設 ける 共 通 のメニューを 読 み 飛 ばすリンク (f) 各 ページの 階 層 を 分 かりやすく 整 理 し 現 在 表 示 されている 位 置 が 分 かるように パンくずリスト( ) など 利 用 者 が 迷 わない 仕 組 みを 設 置 すること ページ 数 の 多 い 複 雑 なサイトの 場 合 ページを 閲 覧 するうちに 利 用 者 がそのサイ ト 内 のどのページにいるのか どうすれば 前 のページに 戻 れるのかわからなくなるこ とがある また 検 索 サイトを 用 いてトップページ 以 外 のページに 直 接 訪 れた 利 用 者 は 他 のページに 移 動 できないことがある パンくずリスト web サイトの 中 のページ 位 置 を 簡 潔 に 記 述 したもの パンくずリスト ( 各 階 層 にリンクを 設 定 し 各 階 層 に 直 接 アクセスできるようにすること ) 7
(g) 各 ページには 提 供 する 情 報 (コンテンツ)のトップページ 及 び 県 トップページ へのリンクを 設 置 すること 検 索 サイトを 用 いてトップページ 以 外 のページに 直 接 訪 れた 利 用 者 は 他 のページ に 移 動 できないことがある ホーム や トップページ ひとつ 前 に 戻 る などの 表 記 では どこに 移 動 す るのかわからないため 愛 媛 県 庁 ホームページへ 課 のトップページへ ページへ 戻 る というように 具 体 的 に 表 記 する (h) フレーム( )を 使 ったレイアウトをしないこと 音 声 読 み 上 げソフトでは 各 フレームを 別 々のページのように 扱 うため フレーム を 使 ったページ 内 容 を 一 度 に 認 識 することができない フレーム ホームページを 閲 覧 するためのソフトであるブラウザのウィンドウ を 複 数 に 分 割 して それぞれ 別 の 内 容 を 表 示 できるようにする 技 術 2 1 3 音 声 読 み 上 げソフトによっ ては 1のフレームしか 読 み 上 げない 場 合 がある (i) ページの 長 さは 適 切 な 長 さとし やむを 得 ず 長 くなる 場 合 には ページ 先 頭 に 戻 るリンクを 設 置 すること 1ページが 長 すぎるとページの 内 容 を 判 読 しづらく また 閲 覧 するためのスクロ ール 操 作 が 煩 雑 になる 場 合 によってはページを 分 割 するなどし 適 切 な 長 さにする 1ページが 長 くなる 場 合 には 掲 載 内 容 に 応 じて ページ 先 頭 に 戻 るためのリンク を 設 置 する 8
スクロール( 縦 ) (j) 画 面 の 横 の 大 きさは 800 ピクセルのディスプレイで 支 障 なく 表 示 されるように し 横 スクロールの 操 作 を 不 要 とすること ページの 内 容 がブラウザ 表 示 より 右 側 にはみ 出 す( 横 スクロールバーが 表 示 される) 状 態 では 段 落 が 変 わるごとに スクロールの 移 動 を 繰 り 返 すという 非 常 に 煩 わし い 操 作 が 必 要 となる スクロール( 横 ) ブラウザの 画 面 で 表 示 しきれな い 場 合 に 表 示 される 横 幅 を 800 ピクセル 以 内 で 設 定 する 大 きな 画 面 で 情 報 を 伝 えたい 場 合 は 800 ピクセルを 基 本 として 構 成 し % で 指 定 するなど 画 面 サイズに 合 わせて 横 幅 が 伸 縮 するように 設 定 する (k) 印 刷 が 想 定 される 場 合 は 適 切 な 幅 を 設 定 すること 利 用 者 がページを 印 刷 する 場 合 画 像 や 表 の 幅 を 適 切 に 設 定 していないと 右 側 が 印 刷 されないことがある A4 縦 で 印 刷 する 場 合 は 表 や 画 像 の 幅 が 概 ね 600 ピクセルを 超 えないようにする 9
(3) 文 字 単 語 について (a) 機 種 依 存 文 字 及 び 半 角 カタカナを 使 用 しないこと 半 角 カタカナ 丸 付 き 数 字 やローマ 数 字 などの 機 種 依 存 文 字 は OSなどの 利 用 環 境 によっては 見 え 方 が 違 ったり 見 えない 場 合 があり 正 確 に 情 報 が 表 示 されない 参 考 ( 機 種 依 存 文 字 の 主 な 例 ) 123 ⅠⅡⅢ キロミリ mmm2 Σ など (b) 文 字 サイズは 見 やすい 大 きさとし 利 用 者 が 変 更 できるようにすること 文 字 サイズをポイント pt などの 固 定 値 で 設 定 すると 高 齢 者 や 弱 視 の 方 などで 文 字 が 読 みづらいと 感 じる 場 合 に 文 字 サイズ 等 が 変 更 できない 文 字 の 大 きさはスタイルシート( )で 設 定 する (スタイルシートが 無 い 場 合 で も 問 題 なく 読 めるか 確 認 すること ) ポイント pt など 絶 対 値 で 指 定 するのではなく パーセント % エム em などの 相 対 値 で 設 定 する スタイルシート HTML 等 と 組 み 合 わせて ホームページの 見 映 え 等 を 実 現 す る 技 術 (c) 行 間 は 文 章 が 読 みやすい 幅 とし 絶 対 値 で 指 定 しないこと 行 間 をポイント pt などの 固 定 値 で 設 定 すると 文 字 サイズを 大 きくした 場 合 に 文 字 が 重 なるなどにより 読 みづらくなる 行 間 はスタイルシートで 設 定 する (スタイルシートが 無 い 場 合 でも 問 題 なく 読 め るか 確 認 すること ) ポイント pt など 絶 対 値 で 指 定 するのではなく パーセント % エム em などの 相 対 値 で 設 定 する (d) 文 字 の 書 体 (フォント)は 指 定 しないこと 書 体 を 設 定 している 場 合 その 書 体 が 利 用 者 の 環 境 にインストールされていなけれ ば 正 しく 表 示 されない また 書 体 によっては 明 瞭 に 表 示 されない 場 合 がある 10
文 字 フォントは 原 則 として 指 定 しない パソコン 等 のモニタ 画 面 では 明 朝 体 は 文 字 によっては 線 が 細 くなるため ゴシッ ク 体 の 方 が 読 みやすいとされており どうしても 書 体 を 指 定 しなければならない 場 合 には 明 朝 体 ではなく ゴシック 体 の 書 体 を 指 定 すること (e) 行 政 用 語 専 門 用 語 省 略 語 による 表 記 を 避 け 分 かりやすい 言 葉 で 表 現 するこ と( 利 用 者 が 限 定 的 であり 使 用 する 用 語 について 一 定 以 上 の 知 識 を 持 っている と 想 定 される 場 合 はこの 限 りではない) 専 門 用 語 等 を 多 用 すると 利 用 者 が 内 容 を 理 解 できないことがある また 英 単 語 での 表 記 は 利 用 者 に 意 味 が 伝 わらない 場 合 があるほか 音 声 読 み 上 げソフトも 正 しく 読 み 上 げないことがある 分 かりやすい 言 葉 で 表 現 するように 心 がける 各 ページにおいて 専 門 用 語 省 略 語 など 理 解 が 難 しいと 考 えられる 言 葉 を 初 めて 使 用 する 場 合 は 意 味 を 括 弧 書 きで 併 記 するか 用 語 集 等 のページを 参 照 できるよ うにする 各 ページにおいて 地 名 や 人 名 など 読 み 方 の 難 しい 単 語 を 初 めて 使 用 する 場 合 は 読 みを 括 弧 書 きで 併 記 する (f) レイアウトのために 単 語 の 文 字 間 に 空 白 (スペース)や 改 行 をいれないこと レイアウトを 整 えるため 単 語 の 途 中 に 空 白 や 改 行 を 入 れると 音 声 読 み 上 げソフ トでは 一 連 の 単 語 として 認 識 せず 内 容 を 理 解 できない < 読 み 上 げ 例 > 1 日 時 いち にち とき 2 所 在 地 に ところ ざい ち 11
< 良 い 例 > < 悪 い 例 > レイアウトを 整 える 場 合 はスタイルシートの letter-spacing プロパティを 利 用 する (g) 年 月 日 及 び 時 間 などの 表 記 については 記 号 を 使 用 しないこと 日 付 表 示 に /. を 時 間 表 記 に : などを 用 いると 音 声 読 み 上 げソフトが 正 しく 読 み 上 げない 場 合 がある < 読 み 上 げ 例 > 2008/12/1 8:00 ニセンハチ スラッシュ ジュウニ スラッシュ イチ ハ チ コロン ゼロゼロ 12 時 ~14 時 ジュウニジ ナミセン ジュウヨジ ( 水 ) みず 年 月 日 については 年 月 日 と 記 載 する 期 間 については から まで と 記 載 する 時 間 については 時 分 秒 と 記 載 する 曜 日 については 水 曜 水 曜 日 のように 記 載 する (h) 文 章 による 説 明 だけではなく 必 要 に 応 じて わかりやすい 図 やイラストなどを 用 いて 表 現 すること ページに 掲 載 する 手 続 きの 手 順 や 施 設 の 場 所 などの 情 報 は 文 章 による 説 明 のほか 図 やイラストなどを 用 いて 利 用 者 に 説 明 しやすくする なお 図 やイラストを 用 いた 場 合 には 代 替 テキストを 設 定 する( 後 出 ( 5) 画 像 に ついて を 参 照 ) 12
(4)PDF Flash 等 のデータファイルについて (a) 情 報 提 供 は HTML で 行 うことを 基 本 とすること 利 用 者 の 環 境 によっては PDF ファイル 等 を 閲 覧 するためのプラグインソフトウェア ( )や 文 書 作 成 表 計 算 等 のソフトウェアがインストールされていない 場 合 がある 特 に 障 害 のある 利 用 者 にとっては プラグインソフトウェア 等 のインストールや 設 定 作 業 は 非 常 に 困 難 で インストールされていない 可 能 性 が 高 い また PDF ファイルは 音 声 読 み 上 げソフトが 十 分 に 対 応 できていない 場 合 があり 視 覚 に 障 害 のある 利 用 者 が 情 報 を 得 られない 恐 れがある プラグインソフトウェア 追 加 機 能 を 提 供 するための 小 さなプログラム PDF ファイル Flash 等 を 活 用 する 必 要 がある 場 合 には HTML 版 ( 少 なくとも 要 約 情 報 )を 作 成 し 併 せて 提 供 すること 原 則 として 紙 の 文 書 をスキャナーなどで 画 像 として 読 み 込 み PDF 化 しないこと HTML での 対 応 が 困 難 な 場 合 は 内 容 に 関 する 問 い 合 わせ 先 を 明 記 すること (b) 利 用 者 の 通 信 環 境 に 配 慮 し ファイルサイズをできる 限 り 小 さくすること ファイルサイズが 大 きいデータは 利 用 者 の 通 信 環 境 によっては ファイルのダウ ンロードに 時 間 を 要 し 閲 覧 が 困 難 な 場 合 がある 画 像 については 表 示 に 影 響 のない 範 囲 で 解 像 度 を 下 げたり サイズを 小 さくする ファイルサイズが 大 きい 場 合 は 分 割 して 提 供 するなどの 工 夫 を 行 うとともに 必 要 に 応 じて 分 割 しないファイルも 提 供 する (c) プラグインソフトウェアのダウンロード 機 能 を 提 供 すること ファイル 閲 覧 に 必 要 なプラグインソフトウェアがインストールされていない 場 合 に は 閲 覧 することができない リンク 先 のファイルを 表 示 する 際 にプラグインソフトウェアが 必 要 な 場 合 は その 旨 を 記 載 し プラグインソフトウェアのダウンロード 先 のリンクも 同 時 に 記 載 する 注 意 プラグインソフトウェアには セキュリティ 上 の 脆 弱 性 が 含 まれているものがある ため 提 供 にあたっては 安 全 性 を 確 認 する 必 要 がある 13
(d) ファイル 形 式 ファイルサイズを 明 示 すること ファイル 形 式 やファイルサイズの 明 記 がない 場 合 利 用 者 が 環 境 に 応 じたデータの ダウンロードができない 可 能 性 がある データファイルにリンクを 設 定 する 場 合 には リンクを 設 定 する 文 字 は リンク 先 がわかるような 表 記 とするとともに ファイル 形 式 ファイル 容 量 にもリンクを 設 定 する ( 例 :パンフレットのページはこちら(PDF/50KB)) (5) 画 像 について (a) すべての 画 像 には 適 切 な 代 替 テキスト(alt 属 性 )を 設 定 すること 音 声 読 み 上 げソフトは 代 替 テキストがある 場 合 には その 代 替 テキストを 読 み 上 げ 代 替 テキストがない 場 合 には その 画 像 のファイル 名 を 読 み 上 げるため ファイ ル 名 だけでは 何 の 画 像 が 表 示 されているかわからない < 参 考 > ブラウザによっては 画 像 の 上 にマウスカーソルを 置 くと 代 替 テキストが 確 認 で きる 単 に イラスト や 写 真 ではなく 何 の 情 報 か 伝 わるように 適 切 に 設 定 する 必 要 がある 特 に 案 内 地 図 やグラフなどの 画 像 は タイトルを 表 示 するだけでは 内 容 が 伝 わらないため 内 容 を 記 載 する 14
< 良 い 例 > < 悪 い 例 > (b) 画 像 に 伝 える 情 報 がない 場 合 は 空 白 の 代 替 テキストを 設 定 すること 代 替 テキストを 設 定 していない 場 合 音 声 読 み 上 げソフトではファイル 名 やリンク 先 を 読 み 上 げたりするため 伝 える 情 報 がない 場 合 も 不 必 要 な 情 報 が 読 み 上 げられる 恐 れがある 装 飾 のための 画 像 など 伝 える 情 報 がない 画 像 には 空 の 代 替 テキスト(alt= )を 設 定 する (c) 画 像 のファイルサイズをできる 限 り 小 さくすること 画 像 のファイルサイズが 大 きいページは 利 用 者 の 通 信 環 境 によっては ページの 表 示 に 時 間 を 要 し 閲 覧 に 支 障 をきたす 場 合 がある 伝 える 情 報 に 合 わせて 必 要 最 小 限 の 大 きさ ファイルサイズに 設 定 する 15
(6)リンクについて (a) リンクを 設 定 する 文 字 には リンク 先 がわかるように 表 記 すること リンク 先 の 内 容 が 想 像 できない 言 葉 にリンクを 設 定 すると 音 声 読 み 上 げソフトで リンク 部 分 だけを 拾 い 読 みした 場 合 などに リンク 先 の 内 容 が 分 からず リンクを 設 定 した 文 字 の 前 後 の 内 容 を 確 認 しなければならなくなる リンクテキストはその 部 分 を 読 んだだけで リンク 先 が 予 測 できる 内 容 にすること < 良 い 例 > のページはこちら 愛 媛 県 ホームページはこちら < 悪 い 例 > のページはこちら ホームへ こちら や ホーム だけで は リンク 先 が 想 像 できない (b) リンクを 設 定 する 画 像 には リンク 先 の 大 まかな 内 容 が 予 測 できる 代 替 テキスト を 設 定 すること リンク 設 定 画 像 に 代 替 テキストが 設 定 されていないと 音 声 読 み 上 げソフトはリン ク 先 の URL(ホームページのアドレス)を 読 み 上 げるため リンク 先 にどのような 情 報 があるのかわからない 参 考 <イメージマップについて> 一 つの 画 像 に 複 数 のリンクを 設 定 できるイメージマップを 利 用 する 場 合 には 適 切 な 代 替 テキストを 設 定 するとともに 音 声 読 み 上 げソフトの 読 み 上 げ 順 について 利 用 者 が 理 解 しやすいように 配 慮 すること 16
< 良 い 例 > < 悪 い 例 > 1 5 2 1 3 3 4 4 5 2 数 字 は 読 み 上 げ 順 (c) リンク 先 のページは 同 一 の 画 面 (ウィンドウ)で 表 示 すること 視 覚 に 障 害 のある 利 用 者 は 予 告 なくリンク 先 のページが 新 しい 画 面 で 表 示 される と そのことに 気 付 くことができないため 前 の 画 面 に 戻 ることができない 原 則 としてリンク 先 ページは 同 一 画 面 で 表 示 する 新 しい 画 面 で 表 示 する 必 要 がある 場 合 には その 旨 を 明 記 する ( 例 :パンフレットのページはこちら( 新 しい 画 面 で 開 きます )) (d) 県 のホームページ 以 外 にリンク 設 定 している 場 合 には その 旨 を 明 記 すること 視 覚 に 障 害 のある 利 用 者 は ホームページの 違 いを デザイン 等 の 違 いによって 見 分 けることができないため 知 らないうちに 利 用 者 が 意 図 しない 別 のサイトに 移 動 してしまうことがある 外 部 web サイトへ 移 動 するリンクでは 利 用 者 がリンクを 選 択 する 前 に 外 部 の web サイトへ 移 動 することが 分 かるようにリンクテキストの 末 尾 に 括 弧 書 きで 表 記 する < 例 > ウェブアクセシビリティについてのページはこちら( 省 のホームページへ) 17
(e) ページ 内 リンクの 使 用 は アクセシビリティ 配 慮 のために 設 置 する 場 合 を 除 き できるだけ 避 けること 音 声 読 み 上 げソフトは ページの 上 から 下 へ 順 番 に 内 容 を 読 み 上 げるため 同 一 の ページ 内 でのリンクは 画 面 上 移 動 したとしても 再 度 ページの 上 から 読 み 上 げが 開 始 され 利 用 者 は 移 動 していないように 判 断 することがある (f) リンク 設 定 文 字 とリンク 設 定 文 字 の 間 は ある 程 度 広 い 間 隔 を 設 けること リンク 設 定 文 字 とリンク 設 定 文 字 の 間 隔 が 狭 い 場 合 利 用 者 は 意 図 しないリンクを クリックしてしまう 場 合 がある リンクのある 画 像 要 素 の 周 辺 に 適 度 な 空 間 を 設 ける テキストリンクが 縦 に 並 ぶ 場 合 は 行 間 をあける < 良 い 例 > < 悪 い 例 > パンフレットのページはコチラ 実 施 要 領 のページはこちら パンフレットのページはコチラ 実 施 要 領 のページはこちら メニュー1 メニュー2 メニュー1 メニュー2 (7) 表 について (a) 表 で 情 報 を 提 供 することが 最 適 か 十 分 に 検 討 すること 音 声 読 み 上 げソフトの 利 用 者 は 表 全 体 を 一 覧 することができないため 表 の 内 容 を すべて 理 解 することが 困 難 な 場 合 がある 情 報 を 伝 えるために 箇 条 書 きや 文 章 などで 伝 えることで 分 かりやすくならないか 十 分 に 検 討 すること (b) 表 の 見 出 しとデータの 関 係 を HTML で 示 すこと 表 には 見 出 しを 表 したヘッダセルと 実 際 の 数 値 などが 入 ったデータセルなどがあ 18
り これらの 属 性 を 適 切 に 用 いることで 音 声 読 み 上 げソフトの 利 用 者 が 表 の 内 容 を 理 解 する 助 けとなる 表 題 <caption> ヘッダセル<th> データセル<td>を 適 切 に 使 い 分 ける 見 出 しとデータの 関 係 を 明 確 にするため scope 属 性 id 属 性 headers 属 性 ( ) などを 使 用 することが 望 ましい お 問 い 合 わせ 先 ( 表 題 ) 課 名 住 所 電 話 番 号 課 松 山 市 089- - 課 宇 和 島 市 0895- - (ヘッダセル) (データセル) scope 属 性 id 属 性 headers 属 性 ヘッダセルとデータセルの 対 応 関 係 を 示 す ための 属 性 (c) 表 を 使 用 する 場 合 には 単 純 な 構 造 とし 読 み 上 げ 順 序 を 考 慮 すること 音 声 読 み 上 げソフトは 表 を 左 上 から 右 下 に 向 かい 左 から 右 に1セルずつ 読 み 上 げるので 複 雑 な 表 を 作 成 すると 意 図 しない 順 序 で 読 み 上 げ 視 覚 に 障 害 のある 利 用 者 は 内 容 を 理 解 することが 困 難 になる < 読 み 上 げ 順 序 例 >( 単 純 な 表 の 場 合 ) 1 課 名 2 住 所 3 電 話 番 号 4 課 5 松 山 市 6 089- - 7 課 8 宇 和 島 市 9 0895- - ( 複 雑 な 表 の 場 合 : 全 体 の 把 握 が 困 難 ) 1 項 目 2 出 荷 数 3 今 年 度 4 昨 年 度 5 果 物 6 みかん 7 個 8 個 9 りんご 10 個 11 個 セルの 結 合 等 は 必 要 最 小 限 に 留 めるとともに 他 の 方 法 で 表 現 できないか 検 討 す ること 複 雑 な 表 には 見 出 しとデータの 関 係 を 明 確 にするため scope 属 性 id 属 性 headers 属 性 を 使 用 するか テキストによる 解 説 を 併 せて 記 述 すること 19
(8) 色 について (a) 背 景 と 文 字 の 明 度 差 (コントラスト)を 十 分 にとること 明 度 差 が 十 分 に 確 保 されていないと 弱 視 の 方 や 高 齢 者 色 覚 に 障 害 のある 利 用 者 には 読 みにくく また 全 く 読 めない 場 合 がある なお 画 像 の 背 景 に 透 過 色 を 指 定 している 場 合 利 用 者 がブラウザ 等 の 設 定 によっ て 白 黒 反 転 など 配 色 を 変 更 している 場 合 に 情 報 が 識 別 できないなど 思 わぬ 表 示 状 態 になることがある < 悪 い 例 > 白 色 + 黄 色 桃 色 + 灰 色 黄 色 灰 色 テキスト 及 び 画 像 化 された 文 字 は 少 なくとも 4.5:1 のコントラスト 比 ( )を 確 保 する コントラスト 比 を 確 認 するにはチェックツールなどを 利 用 する コントラスト 比 の 計 算 式 (L1+0.05)/(L2+0.05) L1は 明 るい 色 の 相 対 輝 度 L2は 暗 い 色 の 相 対 輝 度 (b) 色 の 識 別 をしなくても 理 解 できる 内 容 とすること 色 の 違 いのみによって 情 報 を 表 現 している 場 合 色 覚 に 障 害 のある 利 用 者 には そ の 情 報 は 伝 わらない < 良 い 例 > < 悪 い 例 > C 社 D 社 A 社 B 社 B 社 C 社 A 社 D 社 赤 字 が 更 新 部 分 です 新 着 情 報 ( 更 新 ) メニュー1 メニュー2( 更 新 ) 赤 字 が 更 新 部 分 です 新 着 情 報 メニュー1 メニュー2 色 だけでなく 表 記 方 法 も 変 化 させ 情 報 を 識 別 できるようにする テキスト 情 報 も 併 せて 明 示 する 20
(9) 操 作 入 力 について (a) マウス 使 用 を 前 提 としたページとせず キーボードを 使 って 操 作 できるようにす ること 視 覚 や 肢 体 に 障 害 のある 利 用 者 は マウスの 操 作 が 困 難 な 場 合 があり マウス 使 用 を 前 提 としたページでは 必 要 な 情 報 が 得 られない 恐 れがある キーボードで 次 の 操 作 ができるようにすること - 上 矢 印 キー 下 矢 印 キー による 画 面 スクロール - Tab キーで 正 しい 順 番 に 全 てのリンク 及 び 入 力 項 目 へ 移 動 - Enter キーでリンク 先 への 移 動 またはメニューの 選 択 キーボードのフォーカスが 当 たっている 箇 所 を 識 別 しやすいように 配 慮 する 特 に javascript を 利 用 したプルダウンメニューや onclick onmouseover などマウ スを 前 提 としたものはキーボードでの 操 作 の 可 否 に 注 意 する < 良 い 例 > < 悪 い 例 > 検 索 ボタンを 押 すまではページに 遷 移 し ない 下 矢 印 ( )キーを 一 回 押 すと 暮 らしが 選 択 され 暮 らし のページに 自 動 的 に 移 動 する (b) キーボードの Tab キーで 移 動 する 順 序 と 情 報 を 理 解 するための 順 序 を 同 じにす ること Tab キーで 移 動 するフォーカスは HTML で 記 述 された 順 序 または HTML で 指 定 された 順 序 で 移 動 する キーボードで 操 作 する 利 用 者 が 想 定 する 情 報 の 順 序 とフォー カスの 順 序 が 異 なると 文 書 の 内 容 を 理 解 することが 難 しくなる 文 書 の 内 容 や 構 造 を 無 視 した 表 示 位 置 の 指 定 をしない 入 力 フォームには tabindex 属 性 を 使 用 し 適 切 な 移 動 順 序 に 設 定 する 21
(c) キーボードの Tab キー 又 は 矢 印 キーなどの 標 準 的 な 方 法 以 外 の 操 作 が 必 要 な 場 合 は 利 用 者 に 伝 えること キーボードで 操 作 する 利 用 者 がコンテンツ 内 の 一 部 分 にフォーカスを 移 動 させた 場 合 に Tab キーや 矢 印 キーのような 標 準 的 な 操 作 でフォーカスを 外 せなければコンテ ンツ 内 に 閉 じ 込 められる 恐 れがある Tab キーや 矢 印 キーなど 標 準 的 な 方 法 以 外 の 操 作 が 必 要 な 場 合 は 操 作 方 法 をテキ ストで 掲 載 する (d) 入 力 フォームの 提 供 にあたっては 入 力 方 法 を 入 力 欄 にわかりやすく 明 示 するこ と フォームに 入 力 条 件 や 入 力 項 目 などの 説 明 がある 場 合 は 適 切 に 明 示 しないとそれ らの 情 報 に 気 づかなかったり 入 力 を 誤 る 可 能 性 が 高 くなる 入 力 に 関 する 指 示 説 明 などは 音 声 読 み 上 げソフトの 利 用 を 考 慮 し 入 力 欄 の 前 に 明 記 する 色 や 形 など 視 覚 情 報 のみで 表 現 しない 選 択 肢 などは 選 択 する 範 囲 や 間 隔 などを 十 分 に 取 る < 良 い 例 > < 悪 い 例 > 22
(e) フォームの 構 成 部 品 とラベルの 関 連 付 けを 行 うこと チェックボックスやラジオボタンなどは 操 作 の 対 象 となる コントロール とコン トロールが 表 す 意 味 などを 示 す ラベル ( )から 構 成 される 正 しく 関 連 付 けされ ていない 場 合 に 誤 操 作 の 原 因 となったり 何 を 入 力 すればいいのか 分 からなくなる 恐 れがある コントロールとは 操 作 の 対 象 となるチェックボックスやラジオボタンなどでラ ベルはその 説 明 を 表 すもの ラベルとコントロールを 関 連 付 ける (label 要 素 等 ) コントロールが 多 数 ある 場 合 はグループ 化 する (fieldset 要 素 等 ) (f) フォームの 入 力 内 容 を 確 認 し 取 り 消 しや 修 正 が 可 能 な 仕 組 みを 用 意 すること 障 害 を 持 つ 利 用 者 や 高 齢 者 は 誤 操 作 をした 際 に 間 違 いに 気 付 いたり 修 正 したりす ることが 困 難 な 場 合 がある 入 力 後 送 信 前 に 入 力 内 容 を 確 認 できるようなページを 設 ける 入 力 内 容 のエラーチェックを 行 う 場 合 エラーの 理 由 と 修 正 方 法 をテキストで 示 す (g) 利 用 者 の 意 図 に 反 して 自 動 的 に 他 のページに 移 動 したり 更 新 するようなペー ジを 作 成 しないこと ページが 自 動 的 に 更 新 されると 更 新 されたことに 気 づかない 場 合 がある また 音 声 読 み 上 げの 途 中 でページが 自 動 的 に 更 新 されると 再 度 読 み 上 げが 行 われる 場 合 がある (h) 閲 覧 や 操 作 入 力 に 制 限 時 間 を 設 定 しないこと 障 害 を 持 つ 利 用 者 や 高 齢 者 は 制 限 時 間 を 設 けた 場 合 時 間 内 に 閲 覧 できなかった り 想 定 する 作 業 ができなくなる 恐 れがある 23
コンテンツの 閲 覧 や 操 作 入 力 に 制 限 時 間 を 設 けない ただし オークションなど リアルタイムのイベントで 制 限 時 間 が 必 須 の 要 素 である 場 合 は 除 く (10) 画 像 や 文 字 の 表 現 について (a) 形 や 位 置 大 きさなど 感 覚 的 な 特 徴 のみで 情 報 を 提 供 しないこと 形 や 位 置 大 きさなど 感 覚 的 な 特 徴 のみで 情 報 を 提 供 した 場 合 それらを 認 識 でき ない 利 用 者 がページの 内 容 を 理 解 できなくなる < 悪 い 例 > 視 覚 の 特 徴 のみ 週 間 天 気 予 報 月 曜 火 曜 水 曜 木 曜 テキスト 情 報 を 併 記 する 画 像 には 代 替 テキストを 設 定 する (b) 文 字 を 必 要 以 上 に 画 像 化 しないこと 画 像 化 された 文 字 はブラウザでサイズや 色 を 変 更 することができないため 高 齢 者 や 弱 視 の 方 が 読 みづらくなる 可 能 性 がある 画 像 化 する 必 要 がある 場 合 は 十 分 な 大 きさ( 概 ね 14 ポイント 以 上 )を 確 保 し 無 駄 な 装 飾 は 使 用 しない 画 像 には 代 替 テキストを 設 定 する < 悪 い 例 > 装 飾 された 画 像 文 字 24
(c) 点 滅 したり 動 いたりする 表 現 は 控 えること 光 過 敏 性 てんかんのある 利 用 者 は 激 しい 画 面 点 滅 により 発 作 を 誘 発 するおそれが ある また 高 齢 者 や 障 害 のある 利 用 者 の 中 には 変 化 や 移 動 している 画 像 や 文 字 を 正 しく 認 識 できない 場 合 がある 原 則 として 画 像 や 文 字 を 点 滅 させない (やむを 得 ない 場 合 は 1 秒 間 に 3 回 以 下 と し 利 用 者 が 停 止 できる 仕 組 みを 設 ける ) 自 動 で 開 始 されるアニメーション 画 像 などは 5 秒 以 内 に 停 止 させるか 利 用 者 が 停 止 一 時 停 止 若 しくは 非 表 示 にすることができる 機 能 を 設 ける (11) 音 声 動 画 について (a) 音 声 で 情 報 を 提 供 する 場 合 は 音 声 で 伝 える 情 報 の 内 容 をテキストで 掲 載 するこ と 音 声 で 情 報 提 供 する 場 合 聴 覚 に 障 害 を 持 った 利 用 者 は 情 報 を 得 ることができない 音 声 で 提 供 する 情 報 と 併 せてテキストを 提 供 する (b) 音 を 用 いる 場 合 は 自 動 的 に 再 生 させないこと 音 が 自 動 的 に 再 生 されると 音 声 読 み 上 げソフトの 利 用 者 は 音 が 重 なって 聞 こえに くくなったり 聴 覚 に 障 害 を 持 つ 利 用 者 は 再 生 されていることに 気 付 かないなどの 恐 れがある 音 を 用 いる 場 合 は 原 則 として 自 動 的 に 再 生 させない やむを 得 ず 再 生 する 場 合 は 3 秒 以 内 に 停 止 する 一 時 停 止 停 止 する 仕 組 みを 設 ける その 音 のみの 音 量 を 調 整 する 仕 組 みを 設 ける のいずれかを 満 たすこと (c) 動 画 で 情 報 を 提 供 する 場 合 は 音 声 ガイド( ) 若 しくは 伝 える 情 報 の 内 容 をテ キストで 掲 載 すること 動 画 で 情 報 提 供 する 場 合 視 覚 に 障 害 を 持 った 利 用 者 は 情 報 を 得 ることができない 25
音 声 ガイド 若 しくは 音 声 読 み 上 げを 想 定 したテキスト 情 報 を 掲 載 すること 音 声 ガイド 視 覚 情 報 を 言 葉 に 置 き 換 えて 解 説 するナレーション (d) 動 画 や Flash などで 作 成 された 音 声 付 の 映 像 コンテンツにはキャプション( ) をつけること 聴 覚 に 障 害 を 持 った 利 用 者 は 動 画 の 音 声 が 聞 き 取 れないため 情 報 を 得 ることがで きない 動 画 や 音 声 など 時 間 による 変 化 に 合 わせてキャプション( )を 提 供 する キャプション 動 画 に 合 わせて 付 けられる 字 幕 ( 会 話 の 内 容 情 報 として 意 味 のある 効 果 音 音 楽 笑 い 声 などを 含 む) (12) 問 い 合 わせ 先 の 明 示 提 供 する 情 報 に 対 する 問 い 合 わせの 担 当 窓 口 と 連 絡 手 段 を 明 記 すること なお 連 絡 手 段 は メールだけでなく 電 話 番 号 やFAXなど 複 数 の 手 段 を 明 記 すること 掲 載 されている 情 報 について 利 用 者 が 問 い 合 わせを 行 うときに そのページを 管 理 している 部 局 等 がわからない また 障 害 がある 利 用 者 は 特 定 の 連 絡 手 段 が 利 用 できない 場 合 がある それぞれのページに 複 数 の 連 絡 手 段 による 問 い 合 わせ 先 を 記 載 する 3 その 他 本 指 針 に 規 定 されていない 事 項 でも ブラウザソフトの 機 能 プラグインソフト Javascript( ) スタイルシート 等 を 使 用 するページについては 利 用 者 の 環 境 によ っては ページを 完 全 な 形 で 閲 覧 できないことを 考 慮 し 適 切 な 代 替 策 を 講 じること Javascript ホームページに 様 々な 機 能 を 付 加 できる 簡 易 プログラミング 言 語 26