トップページ 
ユニバーサルデザインについて
ユニバーサルデザインについてユニバーサルデザインについて
ユニバーサルデザインとは、できるだけ多くの人が使いやすいように配慮されたデザインのことです。 ネットワーク横浜のサイトでは、障がいの有無や年齢・性別などにかかわらず多くの方に読んでいただけるように、可能な限りユニバーサルデザインを採用し、ご利用いただきやすいホームページとなるように努めています。
● 富士通アクセシビリティ・アシスタンスでチェックをしています。
 |
| JIS X 8341-3 高齢者障害者等配慮設計指針をチェック済 |
 |
| 文字色と背景色のチェック済 |
 |
| グレースケールや各色覚特性ごとに第一色覚障害（赤）、第二色覚障害（緑）、第三色覚障害（青）の見え方をチェック済 |
具体例
- ご高齢の方や視力の弱い方も読みやすいように、文字の大きさに配慮しています。
- 目のご不自由な方のために、音声読み上げソフトに対応するよう心がけています。
- 音声ブラウザご使用を考慮し、新規ウインドウを開くリンクの場合には、事前にお知らせします。
- 色覚に障がいのある方を考慮し、色のみで情報を区別したり、伝えることはしません。
- なるべく専門的な用語は使用せず、一般的でない言葉や略語には脚注を付けました。
文字サイズの変更をブラウザの機能に頼らずに、サイトの中で調整できるように デザインしてあります。 文字の大きさは、本文だけではなく、メニュー部分など含め、できる限り広範囲に変更できるようになっています。
音声ブラウザご使用を考慮し、PDFファイルはなるべく使用しないようにしていますが、やむを得ない場合にはテキストでも同様の情報をご提供するようにしています。
文字に張るリンクは、文字色や背景色などで表現せずに、デフォルト表現である青文字と下線表示を使用し、リンクであることがはっきりとわかるようにしてあります。
背景色などで、情報の分類はいたしません。
このサイトの制作ガイドライン
デザイン全般
- 全ページに、ページの内容を的確に説明し、ページの認識が可能なタイトルを付ける。
- ページ内で基本となる言語を明示する。
- キーボードだけで操作ができるようにする。
- 横方向のスクロールが出ないようにすること。
- 文字色と背景色のコントラスト（明度差など）をはっきりとる。
- 色のみで情報を分類したり、伝えることはしない。
- 明滅表現や自動スクロールなどを使用しない。
- 閲覧者が現在サイト内のどこを閲覧しているか把握できるようにする。
- 音声ブラウザのために、ページ共通のナビゲーションメニューなどは読みとばせるようにする。
- スタイルシートは要素と属性を論理構造に添って適切に使用する。
- フレームは使用しない。
テキスト
- 音声読み上げで対応するように機種依存文字や絵文字は使わない。
- どうしても記号を使用する場合は、画像としaltを付ける。
- フォントサイズはスタイルシートを使用し、相対値で指定する。
- レイアウト目的で単語内にスペースや改行を使用しない。
- 数値は全て半角英数で表記する。
画像
- 意味のある画像については、画像の内容が把握できるようなalt属性を付ける。
- 画像で重要な情報を説明している場合は、画像と同等の説明をテキスト情報で付記する。
- 画像（特にテキスト画像）の背景に透過色を指定しない。
テーブル
- 音声読み上げソフトの読み順を考慮してテーブルを作成する。
- セル結合は、原則として行わない。
- 見出し項目は、<th>タグで指定する。
- レイアウト調整の為のテーブルはできる限り使用しない。
リンク
- リンクであることがわかるように、リンクテキストのデフォルトであるアンダーラインを消さない。
- リンクはリンク先の中身がわかるように表現する。
- リンクをかける文字はマウスターゲットを当てやすいようになるべく長くとり、並べる場合は間隔を充分にとり、誤作動を起こさないようにする。
- リンク切れのないようにする。
- リンクで新しいウインドウをむやみに開かないようにし、やむを得ない場合は事前に新規ウインドウが開くことを知らせる。
- ダウンロードするファイルは、ファイル形式、データサイズを明記する。
