(2) 内容を理解したり操作するために必要な情報は 色や形 大きさ 位置 方向 音等の特定の感覚のみ ( 視覚のみ 聴覚のみ 色覚のみ等 ) に依存して提供せずに 様々な利用者に伝えられるように配慮する JIS 7.../JIS 7..2./JIS /JIS 解説 色や形 大

Transcription

1 () 画像や映像を見たり音声を聞かなくても同等の情報を伝えられるように 代替手段となる文字情報を用意する JIS 7... 解説 画像や映像を見なくても 文字情報があれば音声読み上げソフトで読み上げたり 点字に変換することができます 音声を聞かなくても 文字情報があれば読むことができます また 文字 ( テキスト ) であれば 読みやすい大きさや色に変えることもできます 音声読み上げソフト利用者や音声を聞くことができない利用者 音の出せない環境や騒音の激しい環境で閲覧する利用者等 様々な利用者に情報が伝えられるようにしましょう ただし 装飾のための画像等は代替手段となる文字情報を用意する必要はなく 逆に音声読み上げソフト等で読み上げたりしないようにしましょう また 生中継の音声や映像 芸術作品等はすべての内容や芸術性を文字情報で提供することは困難なので 提供されている情報が何であるか伝わるようにしましょう 意味のある画像は 音声読み上げソフトでも内容を読み上げられるようにしましょう 良い例 : 代替テキスト ( 音声読み上げソフトで悪い例 : 代替テキスト未入力読み上げる文字 ) 入力 代替テキスト 新潟県 音声読み上げソフトで 画像のファイル名 (***.gif ***.jpg) を読み上げる 音声を聞かなくても 文字で情報が伝わるようにしましょう 良い例 : クリックすると 音声と文字で情報を提供新潟県の花は何でしょう? 悪い例 : クリックすると 音声のみで情報を提供新潟県の花は何でしょう? 雪割草 雪割草 雪椿 雪椿 チューリップ 正解 チューリップ 参考 関連項目 : 作成基準 Ⅰ 2 公平で安全な情報提供 () 作成基準 Ⅱ 情報の提供 (2) 作成基準 Ⅲ 7 文字 ( テキスト )() 8 リンク () 9 画像 ()(2)(4)(5)(6)(7) 5 音声 映像 ()(2)(3) 22

2 (2) 内容を理解したり操作するために必要な情報は 色や形 大きさ 位置 方向 音等の特定の感覚のみ ( 視覚のみ 聴覚のみ 色覚のみ等 ) に依存して提供せずに 様々な利用者に伝えられるように配慮する JIS 7.../JIS 7..2./JIS /JIS 解説 色や形 大きさ 位置 方向 音等のみで情報を提供すると 音声読み上げソフト利用者や色覚に差異のある利用者 グレースケール ( 白から黒までの明暗 ) で表示させている利用者 ミュート ( 消音 ) 設定での利用者 スタイルシート ( 文字の大きさや色 行間の幅 画像の配置等の見栄えに関する情報をまとめたファイル ) による表示を無効にしている利用者等に 情報が伝わりにくかったり 伝わらない場合があります 近年は 利用者の環境もパソコンだけでなくスマートフォン等様々です ウィンドウ幅の違いによっても 位置や方向が意図したものとは違って表示されることもあります なお 色や形等を利用して情報を提供すると 子どもや高齢の方等もわかりやすいものになるので 文字 ( テキスト ) による情報と併用し 音声読み上げソフト等でも読み上げたりできるようにしましょう スタイルシートで位置を設定している場合もあるので 位置だけでなく文字と併用し ましょう 良い例 : 位置と文字で提供 おいしいフルーツ情報右のフルーツ一覧のリンクをクリックしてください フルーツ一覧いちごりんごみかん 悪い例 : 位置のみで提供 おいしいフルーツ情報右のリンクをクリックしてください フルーツ一覧いちごりんごみかん スタイルシートを無効にした時の表示例 ( 表示位置が変わる ) おいしいフルーツ情報右のリンクをクリックしてください フルーツ一覧 いちご りんご みかん 参考 関連項目 : 作成基準 Ⅰ 2 公平で安全な情報提供 () 作成基準 Ⅲ 7 文字 ( テキスト )() 9 画像 ()(4)(6)(7) 0 色彩と配色 () 5 音声 映像 ()(2)(3) 23

3 (3) マウスを使わなくても キーボードだけで移動 選択 操作できる ようにする JIS 7.2../JIS JIS 解説 入力装置はマウスだけでなく キーボード等いろいろな種類があります 特定の入力装置にのみしか使えないと他の入力装置の利用者が利用できなくなることがあります 音声読み上げソフト利用者は マウスではなくキーボードを使用しています マウスポインタの位置を目で追うことが難しかったり 手が震える等の症状があるためキーボードの方が使いやすい利用者もいます また マウスの操作が困難な場合やマウスポインタを見失った場合でも キーボードであれば操作可能になる場合があります マウスを使わなくても キーボードだけでページ内を移動したり リンクを選択したり 送信ボタンを操作できるようにしましょう タブキー等で移動 選択できるようにしましょう 良い例 : タブキーで移動名前 ( 必須入力 ) 名前 ( 必須入力 ) ふりがな ( ひらがな ) ふりがな ( ひらがな ) タブキーで進む ( シフトキー +タブキーで戻る ) マウスでクリックする方法でも キーボードのタブキー等で選択してからエンターキーを押す方法でも操作できるようにしましょう 良い例 : キーボードで操作可能リンク先 リンク先 リンク先 2 リンク先 2 リンク先 3 リンク先 3 タブキーで移動 エンターキーを押してリンク先を開く 参考 関連項目 : 作成基準 Ⅰ 2 公平で安全な情報提供 (5) 作成基準 Ⅱ 6 デザイン (3) 作成基準 Ⅲ 3 ページレイアウト (5) 2 フォーム (3) 24

4 (4) 内容を理解したり 操作するための時間は制限をしない 必要やむを得ない場合は 十分な時間を用意するか 利用者が制限時間や自動更新を解除 変更 延長できるようにする JIS JIS /JIS 解説 文章を読んだり 入力欄に入力するために必要な時間は利用者によって異なります 音声読み上げソフトや画面拡大ソフト等の利用者だけではなく 時間をかけてじっくり文章を読んだり 時間をかけて入力欄に入力する内容を考えたい利用者もいるので 時間制限をしたり 自動更新したりしないようにしましょう 必要やむを得ず時間制限をする場合は 時間切れにならないように十分な時間を用意しましょう 十分な時間を用意できない場合でも 利用者が利用する前に制限時間を解除したり変更できるようにするか 時間切れになる前に警告して簡単な操作で延長できるようにしましょう ただし 入力欄に入力したり 選択して送信するフォームは 利用者が制限時間を解除 変更 延長したりしなくても済むように 時間制限をしないか 操作に十分な時間を用意しましょう 映像等も同様に一時停止したり 繰り返し見たり聞いたりすることができるようにしましょう ただし アドレス変更のため自動的に移転先に転送する場合は 利用者が混乱しないように瞬時に転送するようにしましょう できるだけ 時間制限をしないようにしましょう 必要やむを得ず時間制限をする場 合は 20 時間よりも長くしましょう 良い例 : 制限時間が長い ガーデニング講習会のお申込みフォーム 申込期間 :9 月 日から 9 月 0 日まで 名前 住所 電話番号 一日に起きている時間 (20 時間 ) より長い 25 悪い例 : 制限時間が短い 30 分間操作がなかったため 操作を続行 できません 入力途中だった情報につい ては 再度入力をお願いします 制限時間が 20 時間よりも短い場合は 利用者が利用する前に制限時間を解除したり初 期設定時間の 0 倍以上に変更できるようにするか 時間切れになる前に警告して簡単 な操作で制限時間の 0 倍以上に延長できるようにしましょう 参考 関連項目 : 作成基準 Ⅱ 6 デザイン () 作成基準 Ⅲ 2 フォーム (2)(0) 閉じる

5 (5) 新潟県ホームページ管理者は 利用者が安心して新潟県ホームページを利用できるように 著作権 個人情報の保護 セキュリティ等必要な方針や規定等を策定し 公開する 各所属管理の各テーマのホームページにおいて 追加する項目等がある場合は 各所属の新潟県ホームページ管理者が策定し 公開する 解説 新潟県ホームページが著作権 個人情報の保護 セキュリティ等についてどのような方針や規定等により作成 公開されているか明らかにして 安心して利用してもらえるようにしましょう 新潟県ホームページ管理システムで作成したページの場合 新潟県ホームページの全体の著作権 個人情報の保護 セキュリティ等の取り扱いについてページ下部にリンクが表示されますが 各所属で作成する各テーマのホームページにおいて追加する項目等がある場合は別途表示するようにしましょう 参考 関連項目 : 作成基準 Ⅰ 2 情報の受信 () 作成基準 Ⅳ 3 運用 管理 () 26

6 2 (6) 必要性の高い情報については 携帯電話やスマートフォンの利用者 子ども 外国人等を対象とするホームページを用意する 解説 新潟県が提供する情報を必要とする利用者は 携帯電話やスマートフォンのみで閲覧 する利用者 小学生 英語や中国語等の日本語以外での情報を必要とする外国人等様々 です 特に災害時等は 必要な情報を正しく迅速にわかりやすく伝えられるようにする 必要があります 必要性の高い情報については 携帯電話版やスマートフォン版 小学生等のためには わかりやすい言葉や絵で説明した子ども向け 外国人のためには英語や中国語版のホー ムページやコーナーを用意しましょう また 日本語に不慣れな外国人向けに わかり やすくやさしい日本語を使ったページを用意することも有効です 弘前大学が中心となって 災害時に日本語に不慣れな外国人にも情報が伝わるように やさしい日本語 を使いましょうという提案をしている 減災のための やさしい日本語 ホームページ ( 弘前大学 ) 参考 関連項目 : 作成基準 Ⅱ 9 携帯端末 () 0 外国語 () 27

7 3 (7) 利用者が誤った操作をした場合でも 元の状態に戻すことができる ようにする 解説 操作ミスや入力エラーが発生してしまった場合 前のページに戻って再度内容を読んだり 操作したりしたいことがあります そのような場合でも ブラウザ ( インターネット エクスプローラ等のホームページを閲覧するためのソフトウェア ) の戻るボタン等で 前に表示した画面に戻れるようにしましょう 特にフォームの場合は 用意された戻るボタンや修正ボタンではなくブラウザの戻るボタンで前に表示した画面に戻っても 入力したデータが消去されずにそのまま表示されるようにしましょう また ログインしてから入力操作を求めている場合でも 再度ログインを求めることのないようにしましょう 参考 関連項目 : 作成基準 Ⅰ 2 公平で安全な情報提供 (3) 作成基準 Ⅲ 2 フォーム (8)(9) 28