このページの先頭ですサイトメニューここから
このページの本文へ移動
  • くらし
  • 手続き
  • 楽しむ・学ぶ
  • 施設案内
  • 市のしくみ
サイトメニューここまで

本文ここから

守谷市公式サイト作成ガイドライン(アクセシビリティガイドライン)

更新日:2013年2月25日

1.ページタイトルについて

  • ページタイトルについて
    ページタイトルには、そのページの内容を最も端的に表す単語やフレーズを含め、タイトルの末尾に「 守谷市」を入れる。
  • 課のページタイトルには、「トップページ」という表現は避ける。(「トップページ」は守谷市公式サイトのトップページを指すこととする。)

2.画像ファイルについて

  1. デザイン上の配慮や外字を画像で表記する場合など、やむを得ない場合を除き文章の画像化はしない。
  2. 画像ファイルは、背景と区別できる配色にする。
  3. 画像を掲載する場合は、代替テキストで十分な説明を加える。

3.表記について

1.フォントサイズ

  • フォントサイズは、標準サイズより「-1」以上とする
  • フォントサイズは、絶対値ではなく相対値(-1、+2など)で指定する

2.フォントの書体

  • ゴシック体が望ましい
    明朝体に比べ、線幅が一定であるゴシック体の方が見やすいため。

3.文字間のスペース

  • 不要なスペースを入れない
    表記の体裁を整えるために単語や文章中の文字間にスペースや改行を入れると、音声読み上げソフトでは、ひとつの単語として認識ができないことがあるため。
    (誤りの例) 「日 時」
    (正しい例) 「日時」

4.その他の留意点 

  • 英数字は、すべて半角にする
  • 不用意な記号(画像)を使用しない
    (誤りの例) 「■問い合わせ先」「○日時」
    (正しい例) 「問い合わせ先」「日時」
  • 日付の表記
    (誤りの例) 「1/25」
    (正しい例) 「1月25日」
  • 時間の表記
    (誤りの例) 「11:00」「13:30」「PM1:00」「10:00から11:00まで」
    (正しい例) 「11時」「13時30分」「午後1時~」「10時から11時まで」
  • 曜日の表記
    (誤りの例) 「火」「土」
    (正しい例) 「火曜」「土曜日」
  • 電話番号の表記
    (誤りの例) TEL TEL(機種依存文字のTEL) (代)
    (正しい例) 電話 電話番号 (代表)
  • 内線番号の表記
    (誤りの例) 内123 (123) 
    (正しい例) 内線123 内線123~125 内線123、124、125
  • メールの表記
    (誤りの例) E-mail: e-mail: Mail mail
    (正しい例) Eメール メール メールアドレス
  • 単位の表記 
    (正しい例) 表の上に「(単位:千円)」と表記する、または「1,000円」と単位を含めて表記する

4.特殊文字・機種依存文字を使用しないこと

特殊文字及び機種依存文字は、文字化けを起こすことがあるため使用しない。

  • 半角カタカナ
  • 丸数字、丸囲い文字
  • ローマ字
  • 単位、略称、各種記号

5.文字の色について

  1. 色による情報伝達の表現を避ける
    ある情報を伝えるために色だけを利用している場合、特定の色の識別が困難な人やモノクロの画面を使用している人などは、情報を受け取ることができない。
    (誤りの例) 11月18日・11月19日・11月20日(赤字が休日です)
    (正しい例) 11月18日・11月19日(休日)・11月20日
  2. 文字と背景の配色は、華美になり過ぎることを避けつつ十分なコントラストをつける
    文字と背景の色相が非常に近い場合、モノクロモニタで見ている人や色の識別が困難である人に対して、コントラストを与えることができない。

6.リンク情報の表記方法

各リンク部分は、そのリンク先の内容が予測できるようなものにする。
(誤りの例) 詳しくはこちら
(正しい例) A計画についての詳細はこちら

7.流れる文字、点滅する文字等を使用しないこと

文字が流れる、点滅する、画像が自動更新する、などといった時間の経過とともに自動的にページの内容に変化を生じさせるページは作成しない。視覚に障害のある人や高齢者などは、こうした変化に対応するのが困難であるか、まったく対応できない場合がある。

8.プラグイン等の必要なコンテンツを使用しないこと

プラグインソフトやブラウザ固有の機能、Javaアプレット等を使用するページについては、音声読み上げソフトなどの閲覧者の環境によっては、情報を完全な形で提供できない可能性があるため、なるべく使用を避ける。なお、やむを得ず使用する場合は、それらを利用できない環境にいる人に対しても同じ情報を提供できるよう代替手段をとること。

9.フレームを使用しないこと

フレームは、音声読み上げソフト利用時に内容の把握が難しくなるので使用しない。

10.守谷市が参考とするアクセシビリティチェック機関及びツール

  • W3C(World Wide Web Consortium)
  • WDG(Web Design Group)
  • Another HTML-lint

※「用語解説」に表示される用語のリンクは、Weblio辞書のページへ移動します。


本文ここまで


以下フッターです。

守谷市役所

〒302-0198 茨城県守谷市大柏950番地の1 電話番号:0297-45-1111(代表)

開庁時間:開庁日の午前8時30分から午後5時15分

市役所へのアクセス

Copyright 2013 Moriya City. All Right Reserved.
フッターここまでこのページのトップに戻る