板橋区公式ホームページ指針（ガイドライン）　9の8

※このページは、ガイドラインに関するページ全9ページの中の8ページ目です

【　目次へ戻る　/　7ページ目へ戻る　/　9ページ目へ進む　】

 （36）権利

[1]　区ホームページに掲載する写真・画像等の各ファイル及びその内容に関する諸権利は区に帰属しますが、権利者が別に存在する場合は、その明示を行います。

[2]　他者が権利を有する写真・画像等の各ファイル又はサービスを区ホームページで掲載又は利用する場合、権利者の承諾を確認又は権利者の許可を得ます。

[3]　複写・利用等を希望する利用者がいることを想定し、当該ページ内には問合せ先を明示します。

[4]　人物の写りこんでいる写真の掲載に際しては、本人又は本人が未成年の場合は保護者が承諾している以外は、画像を拡大しても人物を特定できないものを用います。

[5]　他者が商標登録している名称は、普通名称化したものを除き、用いません。

（用語説明）

 5．努力事項

　必ず実施又は満たすべき事項ではありませんが、可能な限り実施すべき項目は、次のとおりとします。

 （1）規格及び仕様

[1]　ファイル名は、拡張子部分を除き、15文字以内で命名します。

[2]　ディレクトリ又はフォルダ名は、15文字以内で命名します。

[3]　ディレクトリ又はフォルダ名及びファイル名の表記は、日本語をローマ字で表現する場合、「ヘボン式表記」とします。

[4]　HTMLページの拡張子は、 htm ではなく、htmlを使用します。

[5]　ページタイトルは全角40文字以内で命名します。

[6]　本文等で数字やアルファベットを使用する場合、半角を用います。

[7]　表示するページの幅は、一般的なモニタで横スクロール操作を必要としないように、横800ピクセル以内とします。

 （2）画像

[1]　画面読み上げソフト等の発声間隔に影響を及ぼし、聞き取りやすさの配慮につながるため、代替テキストの末尾には、句点「。」を設定します。

[2]　画像サイズは、画像1枚につき5メガバイト以下の大きさにします。

 （3）リンク画像

　地図や見取り図等については、代替テキストに「○○の図」等の簡潔な内容を記述します。

　そのうえで画像周囲のテキストで説明をしたり、画像付近に「図の説明」等の言葉を置いたうえ、「言葉」の部分から説明ページへのリンクを設定します。

　（「言葉」の部分に説明ページへのリンクを設けた場合、画像から同一の説明ページへ重複してリンクを設定することはしません。）

 （4）キーボード操作

　手の動作や目が不自由だったりでマウスを使用することができない方は、マウスの代わりにキーボードで操作を行っています。配慮のある設計になっていないと、キーボードすら使用することができず、ホームページを見ることのできない方が出てしまうことになるため、各種機能・サービスをキーボード操作でも利用できるように配慮が必要です。

　（なお、マウスでしか操作できないボタン等が存在する場合でも、代わりの手段が提供できるようであれば良いこととしています。）

[1]　a要素によるリンクテキストを設定します。

（用語説明）

[2]　プルダウンメニューを用いる場合、決定ボタンを添えて、そのボタンのonClick属性で変更のJavascriptを指定します。

（用語説明）

[3]　フォーカスの移動順序はtabindex属性で、理にかなった順序となるようにできるかぎり指定します。

（用語説明）

 （5）リンク

　リンクや選択済みリンク等の表示スタイルは、原則としてブラウザの標準設定を利用します。

 （6）字体での区別

　強調したい単語や文章は太字に設定し、strong等の要素を指定します。

（用語説明）

 （7）入力する内容や選択する数

[1]　利用者に入力させる内容は、必要最小限にします。

[2]　入力書式の半角・全角等は、自由度をもたせます。

[3]　画面操作のできる時間に制限を設ける必要がある場合は、次のとおりとします。

[4]　利用者がID・パスワード等の認証を行う場合は、次のとおりとします。

[5]　利用者の入力する内容が個人情報等の保護すべきものである場合、SSL通信を用います。また、その旨を明示します。

（用語説明）

 （8）技術の利用

[1]　クッキーを利用する場合は利用していることを明示します。

　また、利用者がブラウザ等でクッキーの機能を制限している場合について、想定される動きを明示します。

（用語説明）

[2]　ウェブビーコンは利用しません。

（用語説明）

 （9）PDF

[1]　PDF形式でファイルを作成する場合、Acrobat5.0以上のバージョンを用い、利用しやすさに配慮をします。

[2]　PDFファイルはタグ付きを作成し、画像の代替テキストや見出し等を設定します。

（用語説明）

[3]　読み上げ順序を確認し、必要に応じて順序を調整します。

[4]　PDFファイルの内容を説明するテキストやHTML等も用意します。

[5]　Microsoft社のWord、Excel、PowerPoint等、PDFファイルの原稿となった電子データも必要に応じて参照できるようにします。また、その場合はファイルサイズも明示します。

 （10）音声・音楽を使ったHTML以外の情報

[1]　テキストやHTML等による代替情報を用意し、複数の手段を確保します。

[2]　音声ガイダンス等と同じ内容を字幕でも用意します。

 （11）動画等を使ったHTML以外の情報

[1]　内容を説明する情報を別ページ等で代替テキストとして用意します。

[2]　内容を説明する情報を、映像と同期させた字幕や音声で用意します。

【　目次へ戻る　/　7ページ目へ戻る　/　9ページ目へ進む　】