【解説】 取り消し線や太字等の文字装飾は、音声読み上げソフト等で伝えられない場合があり ます。また、スタイルシート（文字の大きさや色、行間の幅、画像の配置等の見栄えに 関する情報をまとめたファイル）による表示を無効にしている利用者にも情報が伝わら ない場合があります。 正しく情報が伝わるように、文字装飾を使わずに文字（テキスト）で情報を伝えるか、 文字装飾と文字（テキスト）による情報を併用しましょう。 【対応方法・実装例】 ●取り消し線がなくても情報が伝わるように、文字で「取り消し」「削除」「不要にな りました」等の説明を入れましょう。 ≫良い例：文字で表示 ガーデニング講習会 パソコン講習会（中止になりました） スーツ講習会 悪い例：取り消し線のみで表示 取り消し線は中止になった講習会です。 ガーデニング講習会 パソコン講習会 スィーツ講習会 ※取り消し線が伝わらないと中止であるこ とも伝わらない。 ●太字ではなくても情報が伝わるように、文字で説明を入れましょう。 ≫良い例：太字と文字で表示 太字の講習会は参加申し込み受付中です。 ガーデニング講習会（申し込み受付中） パソコン講習会（申し込み受付終了） スイーツ講習会（申し込み受付中） 悪い例：太字のみで表示 太字の講習会は参加申し込み受付中です。 ガーデニング講習会 パソコン講習会 スイーツ講習会 ※W3C（ウェブで利用される技術の標準化をすすめる国際的な非営利団体）が使用しない方が望まし い（非推奨）としていたり、ブラウザによって対応していないウェブ技術（要素等）を使用しない。 ○参考・関連項目 ： 作成基準Ⅰ ２公平で安全な情報提供(１) 作成基準Ⅱ １情報の提供(２)
A
1
●●●新潟県ホームページ作成基準マニュアル 平成27年1月改定優先度
Ⅲ ホームページの具体的仕様 ７ 文字(テキスト)(２) 情報は記号や記号等の組み合わせのみで伝えず、文字や音声読み上
げソフト等でも伝えられるようにする。
【JIS 7.1.1.1/JIS 7.1.3.3】 【解説】 記号によっては音声読み上げソフトで読み上げられなかったり、意図したとおりに読 み上げられない場合があります。また、音声読み上げソフトで記号を読み上げないよう に設定している場合もあります。そのため、記号のみでページの内容や操作するために 必要な情報を提供していると、その情報が伝わりにくかったり、伝わらない場合があり ます。 記号等の組み合わせで表現する顔文字や絵文字（アスキーアート）、記号等を繰り返 して装飾的な罫線を表現する場合も、音声読み上げソフトでは意図したとおりに伝わら ないことがあります。音声読み上げソフトによっては顔文字等を読み上げるように個別 に設定できる場合もありますが、すべてを設定することはできません。 正しく情報が伝わるように、文字（テキスト）で情報を伝えるか、記号を画像にして、 音声読み上げソフト等でもその記号で伝えたい情報を伝えられるようにしましょう。 【対応方法・実装例】 ●音声読み上げソフトの読み上げ例 ※「( )」「○」「×」「△」「※」「→」等は 読み上げないことがある。 ●記号がなくても情報が伝わるように、文字でも説明を入れましょう。 ≫良い例：文字（数字）で表示 講習会参加申し込み手順 １申込、２受講決定、３講習会参加 悪い例：記号のみで表示 講習会参加申し込み手順 申込≫受講決定≫講習会参加 ●画像にした記号も、音声読み上げソフトで意味を読み上げるようにしましょう。 ≫良い例：画像の顔文字に代替テキスト(音声読 み上げソフトで読み上げる文字)入力 定員に達したため、受付は終了しました。 ※代替テキストの例「ごめんなさい」 悪い例：記号のみで表示 定員に達したため、受付は終了しました。 m(_ _)m ○参考・関連項目 ： 作成基準Ⅰ ２公平で安全な情報提供(１) 作成基準Ⅱ １情報の提供(２)A
記号等 読み上げ例 新潟→長岡 にいがたながおか (T T) てぃーてぃー --- じゅっこのまいなす m(_ _)m【JIS 7.1.3.2】 【解説】 均等割り付け等にするために単語の途中に空白を入れると、音声読み上げソフト等で は一つの単語として認識されず、正しく伝えられないことがあります。また、縦書き等 にするために単語の途中で強制的に改行を入れると、同様に正しく伝えられないことが あります。 音声読み上げソフト等でも正しく伝えられるよう、単語の途中には空白や強制改行を 入れないようにしましょう。 【対応方法・実装例】 ●単語の途中には、空白を入れないようにしましょう。 ≫良い例：空白を入れない 目次 悪い例：空白を入れて均等割り付け 目 次 ※音声読み上げソフトの読み上げ例 「め、つぎ」 ●単語の途中には、強制改行を入れないようにしましょう。 ≫良い例：強制改行をしない 目次 悪い例：強制改行(<br>タグ)して縦書き 目 次 ※音声読み上げソフトの読み上げ例 「め、つぎ」 ○参考・関連項目 ： 作成基準Ⅰ ２公平で安全な情報提供(１) 作成基準Ⅱ １情報の提供(２) 作成基準Ⅲ ３ページレイアウト(２) ８リンク(３)
A
1
●●●新潟県ホームページ作成基準マニュアル 平成27年1月改定優先度
Ⅲ ホームページの具体的仕様 ７ 文字(テキスト)(４) リンクを設定していない文字には、リンクが設定されていると誤解
されるような色と下線をつけない。
【JIS 7.1.4.1】 【解説】 一般的なブラウザ（インターネット・エクスプローラ等のホームページを閲覧するた めのソフトウェア）の初期設定では、文字（テキスト）にリンクを設定すると、まだ開 いていないページへのリンクは下線のついた青い文字、一度開いたページへのリンクは 下線のついた紫の文字で表示されます。 リンクを設定していない文字に下線をつけると、どの文字にリンクが設定されている のかわかりにくくなります。下線のついた青や紫の文字にすると更にわかりにくくなり ます。リンクが設定された文字かどうか、利用者が見ただけですぐにわかるようにしま しょう。 【対応方法・実装例】 ●リンクを設定していない文字には、下線をつけないようにしましょう。 ≫良い例：下線のない黒い文字 リンクを設定していない文字 リンクを設定した文字（未読） リンクを設定した文字（既読） 悪い例：下線のある青い文字 リンクを設定していない文字 リンクを設定した文字（未読） リンクを設定した文字（既読） ※リンクが設定されているのか見ただけで はわからない。 ○参考・関連項目 ： 作成基準Ⅰ ２公平で安全な情報提供(３) 作成基準Ⅱ １情報の提供(２) 作成基準Ⅲ ８リンク(４)A
【JIS 7.1.4.4】 【解説】 画面拡大ソフト等のホームページ閲覧支援技術を使用していなくても、一般的なブラ ウザ（インターネット・エクスプローラ等のホームページを閲覧するためのソフトウェ ア）で自分の見やすい文字の大きさに変えて閲覧している利用者がいるので、文字の大 きさを固定せず、利用者が自由に変えられるようにしましょう。また、文字を 200％ま で大きくしても、文字が重なったり、文字の一部が欠けたりすることがないようにしま しょう。 画像にした文字等は大きさを変えられないので、読みやすい大きさにしましょう。 【対応方法・実装例】 ●文字の大きさは、ブラウザでも大きさを変えられるように、絶対単位（pt：ポイント） ではなく相対単位（%、em）で指定しましょう。 ※% ：現在のフォントサイズを 100％とした相対単位 em：現在のフォントサイズを 1 とした相対単位 （文字の大きさはスタイルシート（文字の大きさや色、行間の幅、画像の配置等の見栄えに関す る情報をまとめたファイル）で指定） ※インターネット・エクスプローラの場合、メニューバーの「表示」－「文字のサイズ」の「最大」 「大」「中」「小」「最小」を選択することで文字の大きさが変わる。 ○参考・関連項目 ： 作成基準Ⅲ ７文字(テキスト)(６) ９画像(11)
AA
1
●●●新潟県ホームページ作成基準マニュアル 平成27年1月改定優先度
Ⅲ ホームページの具体的仕様 ７ 文字(テキスト)(６) 大きさや色を変えられるように、文字は画像にしない。ただし、ロ
ゴやデザイン上の表現のために必要やむを得ない場合は除く。
【JIS 7.1.4.5】 【JIS 7.1.4.9】 【解説】 画像にした文字は、画面拡大ソフト等のホームページ閲覧支援技術を使用していない と大きさを変えることができません。また、色を変えることができません。利用者が、 自分の読みやすい表示に変えられるように、文字は画像にしないようにしましょう。 ただし、ロゴや書体・筆跡、デザイン上の表現のために必要な場合等は、文字を画像 にしてもかまいません。画像にした文字は、必要に応じて音声読み上げソフト等でも伝 えられるようにしましょう。 ○参考・関連項目 ： 作成基準Ⅲ ７文字(テキスト)(５) ９画像(11)AAA
AA
【解説】 パソコン等の種類や、OS と言われるパソコン等を動かすための基本となるソフトウェ アの種類によって、正しく表示されないことがある文字を「機種依存文字」と言います。 利用者の使うパソコン等の環境によって異なる文字が表示されたり、文字化けしたりす ることがあります。スマートフォンでも文字化けすることがあるようですし、今後開発 される新しい端末でも必ず正しく表示されるとは限りません。 また、音声読み上げソフト等で正しく伝えられないこともあります。 機種依存文字は、様々な環境で利用されるホームページでは使わないようにしましょ う。 【対応方法・実装例】 ●機種依存文字は、どの環境でも正しく表示される文字に置き換えましょう。 ※機種依存文字の例 丸数字 ① ② ③ ④ ⑤ 半角カタカナ ｱ ｲ ｳ ｴ ｵ ｶ ｷ ｸ ｹ ｺ 単位記号 ㍉ ㌔ ㌢ ㍍ ㌘ mm cm km mg kg 数学記号 ≒ ≡ √ ≪ ≫ ∪ ∩ その他 ℡ ㈱ ㈲ ㈹ ㍾ ㍽ ㍼ ㍻ ●機種依存文字を使う場合は、画像にしましょう。 ※画像にした機種依存文字は、音声読み上げソフトでも正しく読み上げるよう代替テキスト(音声読 み上げソフトで読み上げる文字)を用意する。 ○参考・関連項目 ： 作成基準Ⅲ ７文字(テキスト)(２)(８)
2
●●●新潟県ホームページ作成基準マニュアル 平成27年1月改定優先度
Ⅲ ホームページの具体的仕様 ７ 文字(テキスト)(８) 日付、金額、単位、外国語等は、音声読み上げソフト等でも正しく
伝わるように表記する。
【解説】 記号を使用して日付や金額を表記したり、大文字のアルファベットで外国語等を表記 すると、音声読み上げソフト等では意図したとおりに伝わらないことがあります。 音声読み上げソフト等でも正しく伝えられるように表記しましょう。 【対応方法・実装例】 ●音声読み上げソフトでも正しく読み上げるように表記しましょう。 ≫良い例：意図したとおりに読み上げる 悪い例：意図したとおりには読み上げない ○参考・関連項目 ： 作成基準Ⅲ ７文字(テキスト)(２)(７) 表記 音声読み上げソフトの 読み上げ例 2014/5/15 ごぶんのにせんじゅうよん じゅうご ※分数として読む。 2014.5.15 にせんじゅうよんてんご じ ゅうご H26 えいちにじゅうろく (水) みず 10:00 じゅう ぜろぜろ \100 えんまーく ひゃく ※半角 ￥１００ ひゃく ※全角 １，２３４ いち にひゃくさんじゅうよ ん ※全角で「，」を使用 5m ごえむ ２Ｆ にえふ ＤＡＴＡ でぃえーてぃえー ※大文字の単語はアルファ ベット 1 文字ずつ読む傾向 がある。 TEL てぃーいーえる 表記 音声読み上げソフトの 読み上げ例 2014 年 5 月 15 日 にせんじゅうよねんごがつ じゅうごにち 平成 26 年 へいせいにじゅうろくねん 水曜日 すいようび 10 時 じゅうじ 100 円 ひゃくえん 1,234 せんにひゃくさんじゅうよ ん ※半角で「,」を使用 5 メートル ごめーとる ２階 にかい Ｄａｔａ でーた 電話 でんわ利用者の環境で規定ではない書体で表示されるようにすると、想定していたものと異 なって表示されることがあります。特に利用者の環境にない特殊な書体で表示するよう にすると、文字化けしたり読みにくくなったりする可能性があります。書体は設定せず、 利用者の環境で既定の書体で表示されるようにしましょう。 ※書体の設定は以前はよく使用されましたが、W3C（ウェブで利用される技術の標準化をすすめる国 際的な非営利団体）が使用しない方が望ましい（非推奨）としている。 ○参考・関連項目 ： 作成基準Ⅰ ２公平で安全な情報提供(５) 作成基準Ⅲ ４コーディングルール(１)
