ウェブアクセシビリティ・ガイドライン

１．背景と目的
ウェブアクセシビリティとは、「⾼齢者や障がい者等⼼⾝の機能に制約のある⼈を含め、ウェブサイトで提供されている情報が誰に対しても正しく伝わり、提供されている機能やサービスを誰もが容易に利⽤できること」を意味します。

ウェブサイトの制作については、様々な⽅が利⽤できるようアクセシビリティに配慮した
⽇本⼯業規格（JIS 規格）、「JIS X 8341-3」が定められています。さらには 2016 年に World
Wide Web Consortium（W3C）が定めた規格（ウェブコンテンツ・アクセシビリティ・ガイドライン（WCAG）2.0）が ISO/IEC の国際規格になったことを受けて、その⼀致規格となるように「JIS X 8341-3:2016『⾼齢者・障害者等配慮設計指針−情報通信における機器、ソフトウェア及びサービス− 第 3 部:ウェブコンテンツ』」（JIS X 8341-3:2016）として改正されました。

この規格に準じ、総務省において「みんなの公共サイト運⽤ガイドライン」が定められ、さまざまな⽅が利⽤する公共機関のウェブサイトについては、JIS 規格に基づいたサイト作成が求められています。
公益財団法⼈名古屋みなと振興財団では、このような背景を受けて、ウェブアクセシビリティの向上に努めてまいりましたが、令和２年５⽉に、さらなるウェブアクセシビリティへの配慮を実現するため「ウェブアクセシビリティ・ガイドライン」（本ガイドライン）を策定しました。
本ガイドラインでは、より多くの利⽤者に対して便利で役⽴つ情報を提供していくため、利⽤者がその内容を理解し、的確に操作できるよう配慮したページを作成することを⽬的とするとともに JIS X 8341-3:2016 等関連する規格等の内容を考慮し、ウェブコンテンツにおいて配慮に努めていくべき基準を定めています。

２．配慮項目ａ．コンテンツ全体への配慮①HTML ファイル等は、JIS 規格に基づいた記述を⾏う。
②⾒出し、段落、リスト等で⽂書の構造を規定する。

③単⼀の⼊⼒装置に依存することなく、キーボードのみで操作できるようにする。

ｂ．コンテンツ内の案内（ナビゲーション）への配慮①コンテンツやメニューの位置、表⽰形式等に統⼀性を持たせる。
②ウェブサイトのどこに位置しているか把握できる情報（パンくずリスト、案内メニュー等）を提供する。
③ウェブサイトの全体的な構成に関する情報(サイトマップや⽬次等)を提供する。
④いずれのページからもトップページへ戻ることができるようにリンクを設定する。
⑤下階層にページがある場合、下階層ページにジャンプするメニューを表⽰する。
⑥ブロックスキップの仕組みを取り⼊れる。

ｃ．表現への配慮①情報は、⾊だけでなく⽂字等でも分かるようにする。
②情報は、形や⼤きさ、⽅向や⾳だけではなく⽂字等でもわかるようにする。
③点滅したり、変化・移動したりする⽂字や画像は原則として使⽤しない。やむを得ず使⽤する場合は、個数や⼤きさ、点滅・変化・移動の時間を最⼩限度に留めたうえ、以下のような配慮をする。
④利⽤者がそれらを⼀時停⽌、停⽌または⾮表⽰にすることができるようにする。またはそれらの動きが⾃動的に停⽌する仕組みを取り⼊れる。
⑤激しい点滅や急激な⾊の変化は利⽤者の健康を害する恐れがあるので、閃光は 1 秒間に2 回以下とし、同じ系統の⾊調を⽤いる。
⑥横スクロールが必要ないよう、表や画像の⼤きさについて留意する。やむを得ず使⽤する
場合は、個数や⼤きさを最⼩限度に留めたうえ、横スクロールが必要だとわかる仕様にする。

ｄ．ページへの配慮①各ページのタイトルはできる限り簡潔な表現とし、そのページの内容を的確に把握できるように設定する。また、複数のページに同じタイトルは設定しない。
②⽂字拡⼤によってレイアウトが崩れないようにする。
③各ページのサイズをできる限り⼩さくし、低速回線でも早く表⽰できるようにする。
④⾃動的なページの更新や別ページへの移動はしない。
⑤BGM（バックグラウンドミュージック）は使⽤しない。
⑥ページに「問い合わせ先」を表⽰する。

ｅ．文字・文書への配慮①専⾨⽤語や略語、俗語等の使⽤はできる限り避け、誰にでも内容が理解できるようにする。
②特定の機種や環境でないと⽂字が正しく表⽰されない「機種依存⽂字」や「半⾓カタカナ」を使⽤しない。
③ロゴや書体のサンプル等を除き、⽂字は画像化せず、テキストで提供するように努める。
④⽂字サイズの絶対値(ピクセル、ポイント等)は指定せず、ブラウザによる⽂字サイズの変更に対応できるようにする。
⑤数値を表す数字は半⾓で⼊⼒する。
⑥レイアウト⽬的で⽂字列内にスペースを挿⼊したり、⽂の途中で改⾏したりしない。
⑦背景⾊と⽂字⾊のコントラスト（明暗や⾊彩の対⽐）に留意する。
⑧読みの難しい⽤語には、フリガナやルビを付ける。
⑨Word や Excel 等のアプリケーションからデータをページに貼り付ける場合は、余分なタグを取り除く。
⑩各コンテンツに、内容を適切に表した⾒出しを付ける。
11 ⾒出しを表現するために、⽂字サイズの指定や装飾等は使⽤しない。
○
12 ラベルは分かりやすい位置に配置し、フォームに明確に関連付ける。
○
14 フォーム機能を使⽤している場合、フォームへの⼊⼒、内容の確認、送信といった⼀連の○操作⽅法が分かりやすく表現されるようにする。
15 プルダウンメニューはマウスだけではなくキーボードで操作できるようにする。
○
16 誤った操作をした場合、エラーを特定し、修正⽅法を⽰す。
○ｆ．ハイパーリンクへの配慮①リンク元の⽂字列や画像が、リンク先の内容がわかるように表現し、容易に操作できる⽂
字数、⼤きさにする。
②アイコン等でリンクが明⽰されている場合を除き、リンク元の⽂字列に下線を引くか⾊を変えてリンクと分かるように表⽰する。
③ファイルダウンロード⽤のリンクに、ファイルサイズやファイル形式を明記する。
④隣接する複数のリンクがある場合、区切りを明確にする。
⑤原則、リンク先を新しいウィンドウで開かないようにする。避けられない場合は、説明を付記する。
⑥リンク切れがないようにする。

ｇ．画像への配慮①表現内容や⼤きさが適切な画像を設定する。
②画像にはできる限り代替テキスト情報を設定し、画像の情報が適切に伝わるようにする。
③リンクを設定している画像には、リンク先がわかる代替テキスト情報を設定する。
④複雑な情報を⽰した画像には、内容を説明するテキストを近くに配置する。
⑤画像内の⽂字は読みやすくする。
⑥イメージマップを使⽤する場合、各領域に代替テキスト情報を設定するとともに、画像の近くにテキスト情報を表⽰し、リンク先ページの情報を提供する。

ｈ．表への配慮①表の内容の⾳声読み上げ順（左から右、上から下）に留意する。
②適切な表題を設定する。
③適切な⾒出しを設定する。
④レイアウト⽬的のために、テーブルを原則として使⽤しない。
⑤セルの結合は必要最低限にする。
⑥セルを空⽩にしたり、同じ値を「〃」で⽰したりしない。

ｉ．音声・動画への配慮①⾳声ファイルや動画ファイル、Flash（アニメーション）等を含むコンテンツの掲載は原則として禁⽌とする。やむを得ず掲載する場合は、以下のような配慮をすること。
③⾳声情報にはテキストで、動画情報には⾳声及びテキストで、同等の情報が伝わるようにする。
④⾳声情報にはキャプションを⽤意する。
⑤ページを開いたときは停⽌状態とし、ユーザーが再⽣するかどうか選択できるようにする。
⑥利⽤⽅法を明⽰し、利⽤者が⾳量、再⽣、停⽌を制御できるようにする。
⑦プラグイン(追加機能)の使⽤は原則として利⽤しない。やむを得ず使⽤する場合はプラグインのダウンロード⽅法や使い⽅等を明⽰する。

ｊ．添付ファイル（PDF、Excel、Word 等）への配慮①できる限り容量の⼩さい添付ファイルを提供するように⼼がける。
②ファイルサイズとファイル形式を明記する。

③原則、外部サイトにあるファイルや画像を表⽰しない。他のサイトからファイルや画像の転載が必要な場合、著作権に留意し、権利や利⽤規約を確認した上で利⽤する。
④添付ファイルを閲覧するために特殊なソフトウェアをダウンロードする必要がある場合は、ダウンロードページへのリンクを同⼀ページ内に掲載する。
⑤PDF ファイル等で情報を提供する場合は、同じ内容の HTML ページを⽤意したり、HTML ページに概要情報を掲載したりする等の対応に努める。

ｋ．セキュリティについて①システムの脆弱性に注意し、修正プログラム等で解消に努める。
②個⼈情報等の保護に配慮する。