議会広報紙「ひろしま市議会だより」(単価契約)
- 発注機関
- 広島県広島市
- 所在地
- 広島県 広島市
- 公示種別
- 一般競争入札
- 公告日
- 2026年3月4日
- 納入期限
- —
- 入札開始日
- —
- 開札日
- —
元の公告ページを見る ↗
リンク先が表示されない場合は、発注機関のサイトで直接ご確認ください
添付ファイル
公告全文を表示
議会広報紙「ひろしま市議会だより」(単価契約)
入 札 公 告令和8年3月5日次のとおり一般競争入札に付します。
広島市長 松 井 一 實1 競争入札に付する事項(1) 件 名 議会広報紙「ひろしま市議会だより」(単価契約)(2) 品名及び数量 議会広報紙「ひろしま市議会だより」予定数量 7,005,600頁(3) 規格等 仕様書のとおり(4) 納入期間 令和8年4月1日から令和9年3月31日まで(5) 納入場所 仕様書のとおり(6) 入札区分 本案件は、広島市電子入札システムを利用して入札を行う電子入札対象案件であり、入札に関する手続については、広島市電子入札システム等利用規約及び広島市電子入札運用基準に従うものとする。
(7) 入札方式 開札後に入札参加資格の有無を確認する入札後資格確認型一般競争入札で入札執行する。
(8) 入札方法ア 入札金額は、1頁当たりの単価を記載すること。
イ 落札決定に当たっては、入札書に記載された金額に当該金額の100分の10に相当する額を加算した金額をもって契約価格とするので、入札者は、消費税及び地方消費税に係る課税事業者であるか免税事業者であるかを問わず、見積もった契約希望金額の110分の100に相当する金額を入札書に記載すること。
ウ 入札回数は、1回限りとする。
エ 予定価格を超える入札金額は、無効とする。
2 競争入札参加資格(1) 地方自治法施行令第167条の4及び広島市契約規則第2条の規定に該当しない者であること。
(2) 広島市競争入札参加資格「令和8・9・10年 物品の売買、借入れ、修繕及び製造の請負並びに役務の提供」の「物品の売買、借入れ、修繕及び製造の請負」において「01-01 一般印刷」で認定されている者であること。
(3) 公告日から開札日までの間において、営業停止処分又は本市の指名停止措置を受けていないこと。
(4) 広島市内に本店又は支店、営業所等を有する者であること。
(5) 次に掲げる書類を提出期限までに提出できる者であること。
・一般競争入札参加確認申請書3 開札日時、場所等(1) 日時 令和8年3月19日(木) 午前10時18分(2) 場所 広島市役所本庁舎15階契約部入札室(3) 開札ア 広島市契約規則第15条及び第16条の規定に基づいて作成された予定価格の制限の範囲内で最低価格をもって有効な入札を行った者を落札候補者とする。
イ 開札の結果、落札候補者となるべき価格の入札をした者が2者以上あった場合には、広島市財政局契約部物品契約課において、次の日時に、これらの者によるくじ引きを行い、落札候補者を決定する。
日時 令和8年3月23日(月) 午前9時30分ウ ただし、落札候補者となるべき者が2者以上入札に立ち会っている場合は、入札会場において直ちにくじ引きを実施し、落札候補者を決定する。
この場合において、くじを引くべき者のうち入札に立ち会っていない者については、当該入札に関係のない本市職員がその者に代わってくじを引くものとする。
(4) 仕様書等の入手方法(公告日からダウンロード)本市のホームページ【https://www.city.hiroshima.lg.jp/】のトップページの「事業者向け情報」→「入札・契約情報」→「電子入札」→「調達情報公開システム」の「一般公開用」→「入札・見積り情報」(詳細)からダウンロードできる。
4 予定価格1頁当たりの単価1.05円(消費税及び地方消費税相当額を除く。)5 仕様書の問合せ先広島市議会事務局秘書広報室電話 082-504-24396 広島市電子入札システムを利用して入札に参加する場合の手続広島市電子入札システムの利用者登録をした者は、原則として、次の事項に従い、同システムを利用して入札に参加するものとする。
(1) 入札書の提出令和8年3月17日(火)の午前8時30分から午後5時15分まで及び同月18日(水)の午前8時30分から午後5時00分まで(2) 入札参加者は、開札の日時に入札室において立会できる。
7 一般競争入札参加資格確認申請書の提出落札候補者となった者は、前記2⑸に掲げる書類(以下「資格確認申請書」という。)を持参等により提出するものとする。
(1) 提出先 広島市財政局契約部物品契約課(2) 提出部数 1部とする。
(3) 提出期限 令和8年3月19日(木)午後5時00分(くじ引きを行った場合は、くじ引き日の午後5時00分)までただし、当初落札候補者となった者ではないものが落札候補者となった場合は、別途提出期限を指定する。
なお、提出期限までに提出できない場合は、その者のした入札を無効とする。
(4) その他 入札参加者は、資格確認申請書を前記⑶の提出期限までに提出できるよう準備しておくこと。
なお、書類の提出に当たっては、次の事項に従うものとする。
ア 提出書類は、提出者において作成する。
イ 提出書類の作成に要する費用は、提出者の負担とする。
ウ いったん受領した書類は、返却しない。
エ 原則として、いったん受領した書類の差替え及び再提出は認めない。
オ 入札者が、自己に有利となることを目的として虚偽又は不正の記載をしたと調査に基づき判断される場合には、評価の対象としない。
8 一般競争入札参加資格の確認一般競争入札参加資格の有無については、開札日時を基準として、前記7により提出された資格確認申請書により確認する。
ただし、開札日時から落札者の決定までの間に、前記2⑵の本市の競争入札参加資格の取消し若しくは指名停止措置を受け、又はその他一般競争入札参加資格を満たさなくなったときは、その者のした入札を無効とする。
9 落札者の決定(1) 前記8により一般競争入札参加資格を有すると確認され、本件公告に示した調達物品を納入できると本市が判断した場合は、落札候補者を落札者として決定する。
(2) 落札者の決定結果は、入札参加者全員に通知する。
10 その他(1) 入札保証金免除。
ただし、落札決定後に落札者が、契約の辞退をするなど契約を締結しないときは、競争入札参加資格を取り消す(最長3年間)。
また、契約期間に係る総支払予定金額に対する入札保証金相当額(5%)の損害賠償金を請求する。
(2) 入札の中止等本件入札に関して、天災地変があった場合、電子入札システムの障害発生等により電子入札の執行が困難な場合、入札参加者の談合や不穏な行動の情報があった場合など、入札を公正に執行できないと判断されるときは、入札の執行を延期又は中止することがある。
また、開札後においても、発注者の入札手続の誤りなどにより入札の公正性が損なわれると認められたときは入札を中止することがある。
(3) 入札の無効本件公告に示した競争入札参加資格のない者の提出した入札書、入札者に求められる義務を履行しなかった者の提出した入札書、その他広島市契約規則第8条に掲げる入札書は、無効とする。
(4) 契約保証金契約を締結する場合においては、契約締結日までに契約期間に係る総支払予定金額の100分の10以上の契約保証金を納付しなければならない。
ただし、広島市契約規則第31条第1号又は第3号に該当する場合は、契約保証金を免除する。
(5) 契約書については、次のとおりとする。
ア 契約の相手方が決定したときは、本市が定めた日までに契約書の取り交わしをするものとする。
イ 落札者が前記アの期日までに契約書の取り交わしをしないときは、落札の決定を取り消すものとする。
ウ 契約書は2通作成し、本市及び落札者がそれぞれ各1通を保有する。
エ 契約書の作成に要する費用は、全て落札者の負担とする。
ただし、契約用紙は、本市が交付する。
オ 本契約は、本市が契約の相手方とともに契約書に記名して押印しなければ、確定しない。
(6) 予算の成立及び契約締結日本契約については、本件に係る予算の成立を条件とするとともに、契約締結日は令和8年4月1日とする。
令和8年度議会広報紙「ひろしま市議会だより」(4色刷り)仕様書1 規格(1) 型 タブロイド判(天地×左右= 405 mm×275 mm)(2) ページ数 8ページ(1回)、4ページ(5回)(3) 色 両面刷り、カラー4色(4) 紙質 再生中質紙(非塗工印刷用紙)48kg(D巻)白色度65~70%「広島市役所グリーン購入ガイドライン」で基準とする「環境物品等の調達の推進に関する基本方針」の「2紙類、(1)品目及び判断の基準等、【印刷用紙】、塗工されていない印刷用紙の【判断の基準】」に適合したものであること。
ただし、広島市役所グリーン購入ガイドラインの「判断基準」を満たす印刷用紙を使用できない場合は、この基準を満たさない印刷用紙を使用することができるものとする。
その場合であっても、できる限り環境に配慮した印刷用紙を使用するよう努めること。
なお、契約締結後、速やかに、次の事項を記載した製紙会社の品質証明書を提出すること。
① 総合評価値とその内訳② バージンパルプ(間伐材により製造されたもの及び合板・製材工場から発生する端材、林地残材、小径木等の再生資源により製造されたものを除く。)の使用の有無③ 上記②のバージンパルプの使用が有の場合にあっては、その原料の原木は、伐採に当たって、原木の生産された国又は地域における森林に関する法令に照らして手続が適切になされたものであること。
また、品質証明書は本書を基本とするが、写しの場合は、原本と相違ないことを証明したものを提出すること。
(5) インク 植物油インク2 印刷方法オフセット輪転印刷とする。
3 内容(1) 紙面構成と活字活字の基本的な大きさ・書体は、14級小塚ゴシック Pr6N、14.5級小塚明朝 Pr6Nが主体。
見出しなどでは、本市が指定する書体(UD新ゴProなど)・級数を使用する。
また、1行当たりの文字数や文字の大きさなどを揃えたり調整したりして、紙面の体裁を整えること。
※書体は、上記に準ずるUD書体を可とする。
※活字の大きさ・書体などを変更する場合がある。
(2) 写真・イラスト・図表など(1号当たり)ページ数 写真 イラスト 図表8ページ 20~40点程度 10~40点程度 1~8点程度4ページ 20~60点程度 10~30点程度 1~5点程度※写真やイラストは、トリミング・切抜きなどの画像処理が必要な場合がある。
※図表は、手書き、Adobe Illustrator(ai、eps)又はPhotoshop(psd)のほかjpeg、png、pdf等のデータを基に作図を依頼する場合がある。
※写真、イラスト、図表などの点数は目安であり、変更する場合がある。
4 原稿及び出稿方法原則として、Adobe InDesign(ver20.5.1)以降のバージョンで作成したデータを、電子メール(広島市大容量ファイル交換システム等)で出稿する。
写真・イラスト等はAdobe Illustrator(ai、eps)又はPhotoshop(psd)のほかjpeg、png、pdf等のデータで出稿し、図表等は手書き原稿や画像見本で出稿する。
なお、出稿時期は、その都度、別途指示する。
5 基本の組み方1行13文字×50行×7段(縦組み)※上記を基本とし、その都度指定する。
縦組みと横組みを併用する場合がある。
6 印刷時期発行予定時期 ページ数 備 考5月上旬 8ページ 定例会号、予算審議特別号8月上旬 4ページ 定例会号11月中旬 4ページ 定例会号12月中旬 4ページ 臨時会号(決算審議特別号)1月1日 4ページ 新年号1月下旬 4ページ 定例会号※発行予定時期・ページ数は目安であり、その都度別途指示する。
7 発行部数1回当たりの発行部数は約250,200部(予定)。
※発行部数は、その都度指示する。
8 校正校正は、指示に従って、遺漏なく修正を行うこと。
(1) 校正回数3回(初校・再校・色校)とし、日程等はその都度別途指示する。
ただし、最終原稿の段階で変更を加えることがある。
校正用紙は、校正ごとに4部提出すること。
また、再校時には、広報委員会資料用として、校正用紙を17部提出すること。
なお、校正用紙の提出日(正午まで)に電子メール等により、校正画面のPDFファイルを議会事務局秘書広報室広報担当へ送信すること。
(2) 校正方法校正用紙への朱書きで行う。
必要に応じて Adobe InDesign(ver20.5.1)以降のバージョンで作成したデータ渡しにより行うことがある。
受注者は、各校正ともカラー印刷による校正用紙を提出する。
色校は本紙校正とする。
(3) 校正用紙の提出場所校正用紙は議会事務局秘書広報室広報担当へ提出する。
次回の校正原稿は、原則として校正指示日の翌々日(土・日曜日、祝・休日、8月6日、12月29日~1月3日を除く)の正午までに議会事務局秘書広報室広報担当へ提出すること。
9 印刷刷り出しの際の検品を入念に行い、印刷状態に版ずれや色のむら等がないようにするとともに、製品ごとの印刷状態を均一にすること。
10 紙版の納品(1) 納品場所 議会事務局秘書広報室広報担当、新聞折込み業者及び郵便局の市内12か所に納品する。
各納品場所への納品部数等、詳細は別途指示する。
また、必要がある場合には納品場所を変更することがある。
(2) 納品期限 ・原則として議会事務局秘書広報室広報担当への納品分は別途本市が指定する発行日の2日前まで・新聞折込み業者への納品分は発行日の4日前まで・郵便局への納品分は発行日の前日まで※納品日から発行日までの土・日曜日、祝・休日、8月6日、12月29日~1月3日は数えない。
(3) 納品方法 本市が指示する数量を納品場所ごとに梱包し、納品する。
このうち約3,300部については、タブロイド判を直角三折りにし、封筒に封入封緘、郵便区内特別分はその旨をゴム印で押印又は印刷するとともに、発行の都度、宛名ラベルを貼付し、納品すること。
また、新年号送付分については、定型封筒にのみ、赤字で「年賀」を入れること。
ゴム印を使用する場合は本市が貸与する。
封筒及び宛名ラベルは本市が提供する。
※宛名ラベルの取扱いにあたっては、別添の個人情報取扱特記事項を遵守すること。
11 広島市議会ホームページ掲載用データの作成及び納品(1) 作成最終原稿を用いて、広島市議会ホームページで掲載する以下ア~ウの3種類のファイルを作成すること。
なお、作成に当たっては、「アクセシビリティガイドライン」を順守すること。
ア HTML版ファイル最終原稿のHTML版ファイルを作成する。
なお、納品の前に、本市が別途指示する日程までに、受注者は校正用Webページを開設し、本市が校正を行う。
イ PDFファイル最終原稿のPDFファイルを2種類作成する。
①A4で印刷して文章及び画像が読み取れる程度。
500KB~1MB前後/ページ②最高品質版ウ JPEGファイル最終原稿のJPEGファイル(横1,696ピクセル×縦2,400ピクセル)を作成する。
(2) 納品ア 納品場所 議会事務局秘書広報室広報担当イ 納品期限 原則として発行日の2日前まで※納品日から発行日までの土・日曜日、祝・休日、8月6日、12月29日~1月3日は数えない。
ウ 納品方法 (1)ア~ウをCD-ROMなどの媒体で納品すること。
12 検査納入の際、業者立会いの上で検査を行い、不合格と認められた製品は速やかに取り替えること。
13 その他(1) 受注者は、印刷技術に精通した担当者を定め、本市との連絡調整に当たること。
(2) この仕様書に疑義のあるとき、又は定めのない事項については、双方協議して定めるものとする。
(3) この仕様書に定めるもののうち、特別な事情が生じた場合、双方協議の上、仕様を変更することがある。
【別紙】 議会広報紙「ひろしま市議会だより」納品場所1 広島市議会事務局議会事務局秘書広報室広報担当2 新聞折込み業者(1) 西区商工センター七丁目6番30号(電話 244-1771)株式会社 中国新聞サービスセンター(2) 西区商工センター五丁目14番27号広島エムシービル1・2F(電話 501-2111)株式会社 朝日オリコミ広島(3) 西区商工センター五丁目14番26号(電話 270-4343)株式会社 読宣WEST 広島支社3 郵便局(1) 広島中央郵便局(2) 宇品郵便局(3) 広島西郵便局(4) 安佐南郵便局(5) 可部郵便局(6) 高陽郵便局(7) 海田郵便局(8) 安芸五日市郵便局(注)1 各納品場所への納品部数は原稿提出時に指定する。
2 必要がある場合には納品場所を変更することがある。
個人情報取扱特記事項(基本的事項)第1 受注者は、個人情報保護の重要性を認識し、この契約による業務(以下「業務」という。)を行うに当たっては、個人情報の保護に関する法律(平成15年法律第57号)その他関係する法令等を遵守し、個人の権利利益を侵害することのないよう個人情報を適正に取り扱わなければならない。
(秘密の保持)第2 受注者は、業務に関して知り得た個人情報をみだりに他人に知らせ、又は不当な目的に使用してはならない。
この契約が終了し、又は解除された後においても同様とする。
(従事者の監督)第3 受注者は、業務に従事している者に対し、業務に関して知り得た個人情報をみだりに他人に知らせ、又は不当な目的に使用しないよう必要かつ適切な監督を行わなければならない。
この契約が終了し、又は解除された後においても同様とする。
(取得の制限)第4 受注者は、業務を行うために個人情報を取得するときは、業務の目的の範囲内で、適法かつ公正な手段により取得しなければならない。
(目的外の利用及び提供の制限)第5 受注者は、発注者の指示又は承諾があるときを除き、業務に関して知り得た個人情報を業務の目的以外の目的のために利用し、又は第三者に提供してはならない。
(再委託の禁止)第6 受注者は、業務を行うための個人情報を自ら取り扱うものとし、発注者の承諾があるときを除き、第三者に取り扱わせてはならない。
(再委託等に当たっての留意事項)第7 受注者は、発注者の承諾を得て業務の全部又は一部を第三者に委託(二以上の段階にわたる委託をする場合及び受注者の子会社(会社法(平成17年法律第86号)第2条第1項第3号に規定する子会社をいう。
)に委託をする場合を含む。
以下「再委託等」という。
)する場合には、再委託等の相手方に対し、発注者及び受注者と同様の安全管理措置を講じなければならないことを周知するとともに、この契約に基づく個人情報の取扱いに関する一切の義務を遵守させるものとする。
(再委託等に係る連帯責任)第8 受注者は、再委託等の相手方の行為について、再委託等の相手方と連帯してその責任を負うものとする。
(再委託等の相手方に対する管理及び監督)第9 受注者は、再委託等をする場合には、再委託等をする業務における個人情報の適正な取扱いを確保するため、再委託等の相手方に対し適切な管理及び監督をするとともに、発注者から求められたときは、その管理及び監督の状況を報告しなければならない。
(安全管理措置)第10 受注者は、業務に関して知り得た個人情報の漏えい、滅失又は毀損の防止その他の個人情報の安全管理のために必要かつ適切な措置を講じなければならない。
(作業場所以外での業務の禁止等)第11 受注者は、業務の作業場所を発注者に報告するものとし、当該作業場所以外で業務を行ってはならない。
レベルA(最低レベル) レベルAA レベルAAA(最上級レベル)本書では、レベルAとAAの達成基準のみ抜粋しています。
1 知覚可能の原則1.1 代替テキストのガイドライン1.1.1非テキストコンテンツの達成基準 レベルA P19,P251.2 時間依存メディアのガイドライン1.2.1音声だけ及び映像だけ(収録済み)の達成基準 レベルA P251.2.2キャプション(収録済み)の達成基準 レベルA P261.2.3音声解説またはメディアに対する代替コンテンツ(収録済み)の達成基準 レベルA P261.2.4キャプション(ライブ)の達成基準 レベルAA P271.2.5音声解説(収録済み)の達成基準 レベルAA P271.3 適応可能のガイドライン1.3.1情報及び関係性の達成基準 レベルA P9,P11,P141.3.2意味のある順序の達成基準 レベルA P111.3.3感覚的な特徴の達成基準 レベルA P121.4 判別可能のガイドライン1.4.1色の使用の達成基準 レベルA P131.4.2音声の制御の達成基準 レベルA P271.4.3コントラスト(最低レベル)の達成基準 レベルAA P231.4.4テキストのサイズ変更の達成基準 レベルAA P321.4.5文字画像の達成基準 レベルAA P19易しい 公共サイトに求められる 難しい72 操作可能の原則2.1 キーボード操作可能のガイドライン2.1.1キーボードの達成基準 レベルA P322.1.2キーボードトラップなしの達成基準 レベルA P322.2 十分な時間のガイドライン2.2.1タイミング調整可能の達成基準 レベルA P322.2.2一時停止、停止及び非表示の達成基準 レベルA P272.3 発作の防止のガイドライン2.3.1 3回のせん光、またはしきい値以下の達成基準 レベルA P282.4 ナビゲーション可能のガイドライン2.4.1ブロックスキップの達成基準 レベルA P332.4.2ページタイトルの達成基準 レベルA P82.4.3フォーカス順序の達成基準 レベルA P332.4.4リンクの目的(コンテキスト内)の達成基準 レベルA P182.4.5複数の手段の達成基準 レベルAA P332.4.6見出し及びラベルの達成基準 レベルAA P92.4.7フォーカス可視化の達成基準 レベルAA P343 理解可能の原則3.1 読みやすさのガイドライン3.1.1ページの言語の達成基準 レベルA P343.1.2一部分の言語の達成基準 レベルAA P173.2 予測可能のガイドライン3.2.1フォーカス時の達成基準 レベルA P343.2.2入力時の達成基準 レベルA P343.2.3一貫したナビゲーションの達成基準 レベルAA P343.2.4一貫した識別性の達成基準 レベルAA P353.3 入力支援のガイドライン3.3.1エラーの特定の達成基準 レベルA P363.3.2ラベルまたは説明の達成基準 レベルA P353.3.3エラー修正の提案の達成基準 レベルAA P363.3.4エラー回避(法的、金融及びデータ)の達成基準 レベルAA P364 堅ろう(牢)(Robust)の原則4.1 互換性のガイドライン4.1.1構文解析の達成基準 レベルA P364.1.2名前(name)、役割(role)及び値(value)の達成基準 レベルA P3782. ページタイトル・見出し2.1. 主題または目的を説明したタイトルがある(JIS2.4.2 レベルA)ページタイトルは利用者が内容を推測し、必要な情報があるかを判断する大切な手がかりとなります。
ページタイトルがないページは、利用者環境によってはURLに置き換えられたり、「無題」と表示される場合があり、利用者はページタイトルからページ内容の判断ができません。
また、ページタイトルが内容と異なると、利用者は目的のページを見つけることが困難になります。
ページタイトルの役割ページタイトルはさまざまな場面で活用されています。
⚫ 音声読み上げソフトウェア等で、一番初めに読み上げられる⚫ お気に入り(ブックマーク)に登録される⚫ Google検索などの検索キーワードとなり、検索結果に表示される⚫ ブラウザ(注1)のタイトルバーやタブ(注2)のほか、ウェブページ内の現在位置やナビゲーション等に表示されるブラウザ(注1)で複数個所に表示されるページタイトルの例(注 1)ブラウザとはインターネット上のウェブページの情報を画面上に表示するための閲覧ソフト。
Microsoft Edge や GoogleChrome、Safari など。
(注2)タブとは画面を切り替えるときに使う、見出しのようなメニュー部分を指す。
みらい市9ページタイトルの付け方ウェブページの主題がわかる、具体的なページタイトルにする利用者や検索エンジンは曖昧なページタイトルからウェブページの主題や内容を判別できないため、主題または目的を説明したページタイトルにします。
他のウェブページと重複しない、固有のページタイトルにする複数のウェブページに同じページタイトルを付けると、利用者や検索エンジンはページタイトルからその違いを判別できないため、固有のページタイトルにします。
2.2. 適切な見出しレベルを利用する(JIS1.3.1 レベルA,2.4.6レベル AA)ウェブページは一般に「見出し」「箇条書き」「段落」などの要素(文書構造)によって構成され、これらの文書構造を適切に保つことで、ページはより理解しやすく、読みやすくなります。
見出しの役割⚫ ウェブページに強弱がつき、内容の理解を助ける。
⚫ 音声読み上げソフトウェアでは特定のレベルの見出しだけをジャンプする機能があるため、音声読み上げソフトウェア利用者にもページの内容が理解しやすい。
⚫ デザインを全て取り除いた状態でウェブページを閲覧している利用者にも、その内容を理解しやすい。
見出しの設定太字や文字サイズ、色だけで「見出し風」に設定しても「見出し」という文書構造にはならないため、上述のような見出し本来の役割を得ることはできません。
見出しにはレベル(h1~h6)があり、大きいレベルから小さいレベルの見出しへと適切なレベル順に使良い例(具体的なページタイトル)⚫ 「夏まつり開催のお知らせ」⚫ 「第12回スポーツ大会」⚫ 「2026年度防火推進週間」悪い例(曖昧なページタイトル)⚫ 「お知らせ」⚫ 「スポーツ大会」⚫ 「2026年度」良い例(ページタイトルから違いを見分けられる)⚫ 利用者動向の調査結果(地区別)⚫ 利用者動向の調査結果(年齢別)⚫ 利用者動向の調査結果(年度別)悪い例(同じページタイトルが複数並んでいる)⚫ 利用者動向の調査結果⚫ 利用者動向の調査結果⚫ 利用者動向の調査結果10用する必要があります。
⚫ 最も大きな見出しレベル:ページタイトルとして使用される。
⚫ 最も小さな見出しレベル:文中の見出しとして使用される。
適切な見出しの設定例ページタイトルテキスト中見出しテキストテキストページタイトルテキストテキストテキストページタイトル大見出しテキストテキストテキスト大見出し 大見出し大見出し大見出し大見出し中見出し中見出し113. テキスト(表記・表現)3.1. 強調したいテキストは太字にする(JIS1.3.1 レベルA)強調目的で文字色を付けたり文字サイズを大きくした場合、音声読み上げソフトウェアは通常の文字と同じように読み上げるため、文字を見ることができない利用者には強調の意図が伝わりません。
テキストを太字にすると、視覚的にも強調されていることが明確です。
また、太字は音声読み上げソフトウェアの一部で強調して読み上げられるため、強調したいテキストには太字を併用します。
3.2. 単語内でスペースや改行を使わない(JIS1.3.2 レベルA)文章の体裁を整えるために単語内にスペースや改行を入れると、音声読み上げソフトウェアは一つの単語として認識できなくなり、正しく読み上げられない場合があります。
またスペースや改行が入った単語は検索や自動翻訳などのシステムでの機械的な判読ができず、正しい結果にならない場合があります。
このことから、単語や文章の途中に不要なスペースや改行は入れません。
良い例(単語内のスペースを削除)⚫ 「人数」(ニンズウ)⚫ 「日時」(ニチジ)⚫ 「内容」(ナイヨウ)悪い例(単語内にスペース)⚫ 「人 数」(ヒト カズ)⚫ 「日 時」(ヒ トキ)⚫ 「内 容」(ウチ ヨウ)良い例(スペースのない単語を翻訳) 悪い例(スペースを含んだ単語を翻訳)悪い例(テキスト色のみで表現)平日は午後7時30分まで受け付けています。
良い例(テキスト色に太字を併用して表現)平日は午後7時30分まで受け付けています。
123.3. 位置に依存した表現をしない(JIS1.3.3 レベルA)ウェブコンテンツは、パソコンやスマートフォン、携帯端末、タブレットなどさまざまな環境で利用されています。
環境により画面サイズが異なるため、「左の***」「右の***」のように位置で説明をしても、必ずしもその位置で同じように見えているとは限りません。
また音声読み上げソフトウェアで位置の情報を読み上げても、利用者にとっては意味を成しません。
このことから、位置に依存した表現はせず、文章だけで意味が通じるように表現します。
3.4. 形に依存した表現をしない(JIS1.3.3 レベルA)テキストを変換した記号(○、△など)や画像の形状で説明すると、形状を把握できない利用者や画像を見ることができない利用者は内容を理解できません。
また音声読み上げソフトウェアが記号を読み上げない場合は、利用者に情報が伝わりません。
このことから原則として、形に依存した表現ではなく文章だけで意味が通じるように表現します。
やむを得ず記号を使う場合は、記号の初出箇所で凡例をつけるなど、記号の意味を説明します。
良い例 形状に依存せずテキストで表現している印刷ボタンをクリックしてください。
悪い例 画像の形状で表現している印刷ボタンをクリックしてください。
悪い例 記号や空欄で表現している実施日 絵本読み聞かせの会4月1日 ○4月10日良い例 テキストで表現している実施日 絵本読み聞かせの会4月1日 定員に空きあり4月10日 定員は空きなし良い例 ボタンの名前で表現印刷ボタンをクリックしてください。
悪い例 位置だけで表現右のボタンをクリックしてください。
133.5. 色に依存した表現をしない(JIS1.4.1 レベルA)視覚的な強調や、見分けやすい表現のために色を用いることは効果的です。
しかし、色覚障害者や加齢による視覚の変化を持つ高齢者にとっては、ディスプレイ上の色の違いを識別することが困難な場合があります。
白黒印刷でも色の識別はできず、独自の色設定をしている利用者にとっても同様です。
また音声読み上げソフトウェアは色の情報を読み上げません。
このことから、色のみの表現ではなく、文章だけで正しく意味が通じるように表現します。
⚫ 「赤で表示した○○」「赤いマークは」「赤字部分は必須項目」などの色に依存した表現はせず、文章だけで理解できるように説明する。
⚫ 色分けしたグラフはデータの違いを凡例や色だけで説明せず、引き出し線や模様で判別し、パーセンテージ等の情報を追加する。
良い例 色がなくても理解できる次のコースは、標準料金です。
・ハイキングコース・バーベキューコース次のコースは、別途料金がかかります。
・スキューバーダイビングコース悪い例 色でのみ説明赤字のコースは、別途料金がかかります。
・ハイキングコース・バーベキューコース・スキューバーダイビングコース悪い例 色でのみ説明青(15-20歳)赤(20-40歳)黄(40歳以上)良い例 グラフの項目を線で紐付けA(15-20歳)B(20-40歳)C(40歳以上)143.6. 表には表見出しと表タイトルを設定する(JIS1.3.1 レベルA)表は視覚的に情報の対応関係を把握しやすく便利な表現のひとつですが、表を使った情報提供には細心の注意が必要です。
表にする必要のないもの表は、文字の配置や強調のために使いません。
必ずしも表にする必要がないものは、見出しと箇条書きなどを用いてください。
シンプルな表にする音声読み上げソフトウェアでは左上のセルから右下のセルへ読み上げられるため(下図 矢印の順)、表の構成が複雑だと、読み上げ利用者は内容を理解することが難しいと言われています。
開催時期 A地区 B地区 C地区夏季 6月 7月 8月冬季 11月 12月 1月セル結合を多用した複雑な表は、意図しない順序で読み上げられる場合があり、情報を正しく伝えることができなくなります。
このことから、表の読み上げ順を考慮し行と列の関係を把握しやすく可能な限りシンプルな構造にします。
表の重要な設定 表見出しと表タイトル表には必ず、表見出しと表タイトルを設定します。
これにより表の目的が分かりやすくなり、正しい順で読み上げられるようになります。
表見出しはその表の構成によって、表の1行目または1列目、またはその両方に設定します。
第5回スポーツ大会 地区別開催時期開催時期 A地区 B地区 C地区夏季 6月 7月 8月冬季 11月 12月 1月悪い例 タイトルと本文の配置のためだけの表申請に必要なもの住民票証明写真悪い例 強調の枠としての表振り込め詐欺に注意してください!← 表タイトル表見出し→15正しく読み上げできない表悪い例 入れ子の表(表の中に表を作成)表の中に表を作成すると、音声読み上げで意味が通じない読み上げをする可能性があります。
表は一つ一つ分けて作成してください。
悪い例 一つのセルに複数の情報を入力した表表はセル単位で読み上げられます。
一つのセルに複数の情報を入力するとセル内が一度に読み上げられるため、音声読み上げ利用者は情報の関係性が理解できなくなります。
「一つのセルに一つの情報」を原則としてください。
悪い例 セルの結合・分割セル結合をすると、多くのソフトでは結合セルを一度しか読み上げないため、音声読み上げ利用者は項目とデータの関係が理解できなくなります。
セル分割をすると、その周囲のセルが結合された状態になるため、読み上げ時に同様の問題が生じます。
セルを結合することで表は見やすくなりますが、様々な環境の利用者がいることを考慮し、全ての利用者が理解しやすい表を作成してください。
悪い例(1つのセルに複数の情報を入力した表)開催地区 開催時期A地区B地区6月7月[読み上げ順]開催地区、開催時期、A地区、B地区、6月、7月※セルごとにまとめて読み上げます。
良い例(全ての情報をセルで分割)開催地区 開催時期A地区 6月B地区 7月[読み上げ順]開催地区、開催時期、A地区、6月、B地区、7月悪い例 表の中に入れ子で表を作成開催時期 概要夏季 地区 時期 人数 申込A地区 6月 9名 必要B地区 7月 6名 必要冬季 地区 時期 人数 申込A地区 11月 5名 不要B地区 12月 12名 不要良い例 表を二つに分けて作成開催時期(夏季)の概要地区 時期 人数 申込A地区 6月 9名 必要B地区 7月 6名 必要開催時期(冬季)の概要地区 時期 人数 申込A地区 11月 5名 不要B地区 12月 12名 不要16悪い例 空白のセル音声読み上げソフトは空白のセルを読み上げないため、空白のセルに意味を持たせている場合でも、その意味は音声読み上げ利用者に伝わりません。
悪い例(「なし」を空白のセルで表現)日にち 定員 空き2月2日 70名 残りわずか2月9日 70名2月16日 70名 あり[読み上げ順]日にち、定員、空き2月2日、70名、残りわずか2月9日、70名2月16日、70名、あり※空白のセルは読み上げられません。
良い例(テキストで表現)日にち 定員 空き2月2日 70名 残りわずか2月9日 70名 なし2月16日 70名 あり[読み上げ順]日にち、定員、空き2月2日、70名、残りわずか2月9日、70名、なし2月16日、70名、あり悪い例 セルを結合または分割開催地区 開催時期 参加人数 申込A地区 6月 9名不要 B地区 7月・8月 6名C地区 8名[読み上げ順]開催地区、開催時期、参加人数、申込A地区、6月、9名、不要B地区、7月・8月、6名C地区、8名※「7月・8月」と「不要」は一度しか読み上げられません。
良い例 セルの結合または分割を解除開催地区 開催時期 参加人数 申込A地区 6月 9名 不要B地区 7月・8月 6名 不要C地区 7月・8月 8名 不要[読み上げ順]開催地区、開催時期、参加人数、申込A地区、6月、9名、不要B地区、7月・8月、6名、不要C地区、7月・8月、8名、不要※全ての項目を順番に読み上げます。
173.7. 部分的な外国語を明示する(JIS3.1.2 レベルAA)文章中、部分的に英語等の外国語表現を用いる場合や、本文のほとんどが外国語で書かれているようなウェブページは外国語であることを示す必要があります。
外国語であることが示されていない場合は、日本語の発音で読み上げされるため、外国語の読み上げ利用者には意味が通じにくくなります。
外国語であることを示すには、HTMLソースに lang属性を設定します。
lang属性の例⚫ 英語 : lang=”en”⚫ 韓国語: lang=”ko”⚫ 中国語簡体字: lang=”cmn-hans”⚫ 中国語繁体字: lang=”cmn-hant”184. リンク4.1. リンクテキストからリンク先を予測できること(JIS2.4.4 レベルA)リンクの目的は、リンクテキスト単独で判断できる必要があります。
「ここ」「こちら」「クリック!」など、リンクテキストから目的が判断できない場合、利用者が必要なリンクを選択できないためです。
リンク先が外部リンクである場合は、リンクテキストからそのことが判断できる必要があります。
ウェブページ内で同じリンクテキストを使うと、音声読み上げソフトウェア利用者はリンクテキストからリンク先を推測できません。
同じウェブページ内では、特有の(他と重複しない)リンクテキストを用いてください。
悪い例「電子申請」というリンクテキストが複数ある良い例ページ内のリンクテキストが重複していない良い例防災情報(気象庁ウェブサイト)悪い例防災情報良い例会場までのアクセスについての詳細説明申請手続きのご案内(PDF 52KB)悪い例詳しくはこちらをクリックしてください。
PDF195. 画像5.1. テキストで情報を伝える(JIS1.4.5 レベルAA)ロゴタイプ(ロゴまたはブランド名の一部である文字)のほか、トップページや一覧ページなど視覚的な効果が重要で、画像でしかできない特定の表現が必要不可欠なウェブページを除き、可能な限りテキストを用いて情報を伝えます。
テキストにすると、特定のフォントサイズ、前景色及び背景色、書体、行間、又は配置が確保されていないと情報の理解が難しい利用者が、必要に応じてテキストを調整できるようになります。
5.2. 画像に適切な代替テキストを入力する(JIS1.1.1 レベルA)代替テキストの役割ウェブページ内に含まれている画像や動画が何らかの原因で表示されない場合や音声読み上げソフトウェアで画像の代わりに表示するテキストを指します。
画像の意味を知るための重要な情報であり、主に次のような役割があります。
⚫ 検索対象になる。
⚫ 音声読み上げソフトウェアが代替テキストを読み上げる(代替テキストがないと読み上げられない)。
⚫ 画像が表示されない利用者環境では、画像の代わりに代替テキストが表示される(通信遅延などで画像の読み込みに時間がかかる場合や画像非表示にしている利用者環境など)。
代替テキスト入力のポイント⚫ 画像が伝えている内容を過不足なく代替テキストに入力する。
⚫ 代替テキストが150文字を超える場合は簡易の内容とし、本文テキストに詳細を入力する。
⚫ 音声読み上げで聞くのに余分な時間がかかるため、冗長なテキスト(例:○○の写真です。)は望ましくない。
⚫ 画像種別(写真、イラスト、動画サムネイル、リーフレット表紙、地図、グラフ、キャプチャ画面など)を入力する。
写真なのかイラストなのか判断できないため「画像」は望ましくない。
20例1 文字が含まれる画像画像に含まれる全ての文字を、過不足なく代替テキストに入力します。
一部を省略したり表現を変えたり、画像にない文章を加えることは望ましくありません。
例2 文字を含まない風景や情景、イメージを伝える写真やイラスト写真やイラストであることが分かるよう「写真」「イラスト」と必ず代替テキストに入力します。
全盲の利用者は写真やイラストを直接見ることはできませんが、代替テキストによって写真やイラストのイメージを豊かに想像することができます。
<代替テキスト>未来山もみじまつり夜間ライトアップ開催(午後6時30分から)<代替テキスト>桜まつり 未来中央公園 3月24日から4月4日まで<代替テキスト>みらい公園の桜の写真または写真:みらい公園の桜<代替テキスト>束ねた新聞のイラストまたはイラスト:束ねた新聞<代替テキスト>「芽吹」の書初めを教室後方に展示している写真または写真:「芽吹」の書初めを教室後方に展示21例3 説明文がある画像(説明文=写真下に表示されるテキスト)代替テキストと説明文には、異なる文言を入力します。
代替テキストと説明文を同じ文言にすると、読み上げ利用者は連続して同じ文言の読み上げを聞かなければならないためです。
例4 文字のない写真に説明文があるが、同じ文言しか書けない代替テキストには「写真」と入力します。
例2にもあるように、写真があることが分かれば周囲の人に写真の内容を尋ねることができ、情報を得られるためです。
例5 同じページに写真が複数ある説明文がある場合は「写真1」「写真2」のように番号を代替テキストに入力し、複数の写真があることを伝えます。
みらい公園の桜<代替テキスト>桜の写真または写真:桜みらい公園の桜<代替テキスト>写真田植え前の水田の写真<代替テキスト>写真1<代替テキスト>写真2苗の束をもって田植えをする男性の写真22例6 グラフ画像グラフが提示しているデータや情報は本文テキストの解説に委ね、代替テキストは簡潔にします。
ただし解説がない場合は、グラフが示す内容を過不足なく代替テキストに入力します。
例7 フロー画像物事の流れや作業手順を示す画像は本文テキストの解説に委ね、代替テキストは簡潔にします。
ただし解説がない場合は、フロー画像が示す内容を過不足なく代替テキストに入力します。
電話で説明するつもりで文章を考えると、分かりやすい代替テキストになります。
<代替テキスト>セミナーアンケート理解した59%、理解できなかった24%、どちらとも言えない17%<代替テキスト>メールマガジン登録の流れ ステップ1.メールアドレス登録、ステップ2.登録用URLの受信ステップ3.メルマガ配信登録、ステップ4登録メール受信235.3. 文字と背景に少なくとも 4.5:1 のコントラスト比がある(JIS1.4.3レベルAA)文字色と背景色のコントラスト比が不足していると読み取り困難なため、一定以上のコントラスト比を確保する必要があります。
背景と文字に少なくとも4.5:1のコントラスト比を確保します。
コントラスト比の考え方は、ウェブサイトだけでなく印刷物やポスターにも応用できます。
色の視認性は、ディスプレイやプリンターの種類や設定、部屋の明るさ、体調などの様々な要因により異なりますが、数値にのみとらわれることなく、可能な限り高いコントラストを確保することを推奨します。
色のコントラスト例ただし、次の場合は例外と見なされます。
大きな文字サイズの大きなテキスト及びサイズの大きな文字画像には、3:1以上のコントラスト比があればよい。
<サイズの大きなテキストとは>⚫ 日本語、中国語、韓国語:22ポイント以上⚫ 日本語、中国語、韓国語:18ポイント以上の太字⚫ 半角英数字:18ポイント以上⚫ 半角英数字:14ポイント以上の太字※アルファベットでもなく、日本語、中国語、韓国語でもない言語の場合は、その国・地域の目安や指標に従う。
※単位をピクセル換算する場合、1pt = 1.333pxで換算し、18pt=24px、22pt=29.3px相当とする。
ロゴタイプ⚫ 企業名、ブランド名、製品名などのロゴ又はブランド名の一部である文字付随的悪い例(コントラスト比 2.79:1)悪い例(コントラスト比 2.61:1)良い例(コントラスト比 7.82:1)良い例(コントラスト比 7.08:1)24⚫ 非活性の状態にあるフォーム・コントロール、ボタンなどの構成要素の一部である例:[同意する]にチェックを入れないと[OK]ボタンがグレーアウトしていてクリックできない。
⚫ 装飾だけを目的としている文字⚫ 写真の一部分に写っている文字⚫ 誰も視覚的に確認できない文字例:かるたの写真かるた内の文字は付随的なもの例:スケジュールカレンダーの画像リンク「スケジュールカレンダー」という文字以外の数字は、装飾・演出のための文字z256. 音声・映像・その他の特殊コンテンツプログラム(端末や検索エンジン、音声読み上げソフトウェアなど)が抽出できない情報を非テキストコンテンツといいます。
映像、音声、動画、画像、スキャナで作成したPDFファイルなどが非テキストコンテンツに該当します。
視覚障害がある利用者は、音声のない映像の内容を把握できません。
ろう又は難聴の利用者や、スピーカーを持っていない利用者、音を出せない環境にいる利用者は、音声だけで提供された情報を確認できず印刷もできません。
このことから、非テキストコンテンツでの情報提供には細心の注意が必要です。
6.1. PDFファイルをアクセシブルにする(JIS1.1.1 レベルA)スキャナでPDFファイルを作成すると、読み上げできない画像状態のPDFファイルになるため、音声読み上げができません。
スキャナで作成したPDFファイルで情報提供する場合は、ウェブページ内にPDFファイルと同等の内容をテキストで提供します。
作成元データがワードの場合は、ワード内で見出し等の文書構造を正しく設定し、アクセシビリティに配慮したPDFファイルに変換することで、PDFファイルも読み上げできるようになります。
PDFファイルでの情報提供PDFファイルで情報提供する場合は、正しく読み上げされるよう元ファイル(ワード等)見出しや代替テキストを正しく設定し、アクセシビリティに配慮したPDFファイルに変換します。
スキャナからPDFに変換しないスキャナでPDFファイルを作成すると、読み上げできない画像状態のPDFファイルになるため、今後新しく作成するPDFファイルは、スキャナから変換しないでください。
印刷業者等から提供されるPDFファイル印刷物の発注時にはPDFファイル納品も依頼することで、PDF上のテキスト情報を活用できます。
6.2. 音声・映像だけの情報提供をしない(JIS1.2.1 レベルA)音声や映像での情報提供には次の問題があります。
⚫ ろう又は難聴の利用者は、音声を聞くことができない。
⚫ 閲覧している端末に音声出力機能がない場合は、音声を聞くことができない。
⚫ 音声を出せない環境にいる利用者は、音声を確認できない。
26⚫ 視覚障害者は、映像を見ることができない。
⚫ 低速回線やモバイル機器利用者は、映像を見ることができない場合がある。
このため、音声や映像での情報提供をする場合は、ウェブページ内で同等の内容をテキストで提供し、かつキャプションや音声解説を提供する必要があります。
音声や映像と同等の内容をテキストで提供する⚫ 記者会見など人が話している内容は話している内容をすべてテキストとして提供する。
⚫ スポーツやイベントなどを撮影した内容はその様子をテキストとして提供する。
同等の内容をテキストで提供できない場合は、原則としてウェブページ内に音声や映像を埋め込まず、音声や映像への外部リンクを設定します。
音声や映像に字幕とナレーション(動き、登場人物、シーンの変化、画面上の文字に関する情報など)の両方が提供されている場合のみ、音声や映像をウェブページに埋め込む場合があります。
6.3. 収録済音声コンテンツにキャプションを提供する(JIS1.2.2 レベルA)すべての収録済の音声コンテンツに対して、キャプションを提供する必要があります。
この達成基準を満たすことで、ろう又は難聴の利用者が、キャプションを通じてすべての収録済の音声コンテンツを入手できるようになります。
キャプションとは会話だけでなく、誰が話しているのかも特定し、意味のある効果音を含む音声によって伝えられている非音声情報も含んだものです。
6.4. 音声解説又はメディアに対する代替コンテンツを提供する(JIS1.2.3レベルA)収録済の映像コンテンツに対して、時間の経過に伴って変化するメディアに対する代替コンテンツ又は音声解説を提供する必要があります。
この達成基準を満たすことで、収録済の映像コンテンツを見るのが困難な利用者、動きのある画像を知覚又は理解するのが困難な利用者が情報を入手できるようになります。
音声解説とは利用者が映像の情報を入手できない場合のために、利用者が必要とする情報を音声で解説し、映像コンテンツを増補するものです。
発話の合間に存在する無音部分を使って、動き、登場人物、シーンの変化、画面上の文字に関する情報のうち、主音声ではわかりにくい情報を、音声解説として提供します。
27代替コンテンツとは(視覚的及び聴覚的な)情報すべてをテキスト形式で提供したものです。
視覚的な状況、登場人物の動きや表情、及びその他のあらゆる視覚的なものを含めて、すべての視覚的な情報について、説明を十分に提供します。
さらに発話ではない音声(笑い声、画面の外から聞こえてくる声など)を説明し、すべての発話の書き起こしテキストを含みます。
これらの説明と発話の書き起こしテキストの登場順は、ウェブコンテンツでの登場順と同じにしなければなりません。
6.5. ライブの音声コンテンツにキャプションを提供する(JIS1.2.4 レベルAA)すべてのライブの音声コンテンツに対してキャプションを提供する必要があります。
キャプションは、音声トラックを通じて利用可能なコンテンツの一部を提供するもので、会話を含めるだけでなく、誰が話しているのかも特定し、そして、効果音及びその他の重要な音声を表記する必要があります。
この達成基準を満たすことで、ろう又は難聴の利用者は、リアルタイムで提示されているすべてのコンテンツを、キャプションを通じて見られるようになります。
6.6. 収録済映像コンテンツに音声解説を提供する(JIS1.2.5 レベルAA)すべての収録済の映像コンテンツに対して、音声解説を提供する必要があります。
この達成基準を満たすことで、全盲又はロービジョンの利用者、及び認知能力の低下により何が起こっているのかを視覚的に解釈しづらい利用者が、視覚情報の音声解説から情報を入手できるようになります。
6.7. 自動再生する音声にコントロール機能を提供する(JIS1.4.2 レベルAA)音声が自動再生され3秒以上続く場合、次の問題があるためその音声を一時停止もしくは停止、またはシステム全体の音量レベルに影響を与えずに、その音声のみの音量レベルを調整できるコントロール機能を提供する必要があります。
⚫ 読み上げ音声と混ざって必要な音の聞き取りが困難になる場合がある⚫ 音声を出せない状況でウェブページを閲覧している利用者がいる可能性がある6.8. 動き・点滅等のあるウェブコンテンツを使わない(JIS2.2.2 レベルA)動きのある、点滅している、スクロールする、または自動更新するウェブコンテンツを利用すると、そ28うしたウェブコンテンツを目で追うのが困難な利用者だけでなく、動かないテキストをすばやく読み取ることが困難な利用者にも障壁になります。
また注意欠陥障害をもつ利用者は、点滅しているコンテンツに気を取られ、ウェブページの他の部分に集中することが困難になります。
また、音声読み上げソフトウェアの利用にも問題が発生する可能性があります。
このため動きのある、点滅している、スクロールする、または自動更新する次のようなウェブコンテンツは、利用者自身が一時停止、停止、非表示などのコントロール機能を利用できる必要があります。
⚫ 動きのある、点滅している、またはスクロールしているウェブコンテンツが、自動的に開始し、5秒以上継続し、かつ他のウェブコンテンツと平行して提示されるもの例:アニメーションGIFという、動きのある画像(広告バナー等でよく使用される)⚫ 自動更新するウェブコンテンツが、自動的に開始し、かつその他のウェブコンテンツと平行して提示されるもの6.9. せん光を放つウェブコンテンツを使わない(JIS2.3.1 レベルA)せん光を放つ次のようなウェブコンテンツは、利用者がそのウェブページ全体を使用できないおそれがあります。
せん光が一般せん光しきい値及び赤色せん光しきい値を下回っている必要があります。
⚫ 1秒間に3回を超えるせん光を放つもの(例:カメラのフラッシュなど)⚫ 広いエリアでせん光を放つもの⚫ 一般せん光しきい値、及び、赤色せん光しきい値を上回るもの297. 推奨される取り組み正確に読み上げられない可能性があるため、以下の表記には細心の注意が必要です。
7.1. 日付・時間は漢字で表記し、曜日は省略しない(推奨)好ましくない表記 推奨される表記2025/4/20、R5.4.20和暦の場合 令和7年4月20日西暦の場合 2025年4月20日(月)(水)(金) (月曜日)(水曜日)(金曜日)16:0012時間表記の場合 午後4時24時間表記の場合 16時12時 正午7.2. 金額はエンマークでなく、漢字で表記する(推奨)好ましくない表記 推奨される表記\1,0001,000円7.3. 数値の小数点、カンマは半角で表記する(推奨)好ましくない表記 推奨される表記35,000円35,000円25.5パーセント 25.5パーセント7.4. 分数は日本語で表記する(推奨)好ましくない表記推奨される表記1/3 3分の1人口/職員数 職員一人あたりの人口307.5. ローマ字の記号はなるべく日本語で表記する(推奨)7.6. 機種依存文字、半角カタカナ、全角英数字は使用しない(推奨)①②や℡のような機種依存文字は読み上げられない可能性があるため、ウェブページでの使用は望ましくありません。
半角カタカナ及び全角英数字は、より一般的である全角カタカナ及び半角英数字での表記が望ましいとされています。
7.7. 記号での装飾はしない(推奨)「・」「-」「○」などの記号を装飾に使うと「ナカテン」「ハイフン」「マル」のようにテキストとして読み上げられる場合があり、読み上げ利用者の理解を妨げる可能性があります。
見出し風、箇条書き風に見せるために記号を用いると、JIS上不適合と判断される場合があります。
焦点を合わせただけで予期せぬ状況の変化が起きると、利用者が混乱する可能性があります。
機能が予測可能であることで、視覚障害、認知能力の低下、及び運動障害のある利用者に役立ちます。
(注2)状況の変化とは新しいウェブページを読み込むのと同時に新しいウィンドウが自動的に開く などの状況を指す。
8.11. 予告なしに状況の変化を引き起こさない(JIS3.2.2 レベルA)利用者が使用する前にその挙動が知らせてある場合を除いて、利用者が使用する構成要素の状況を予告なしに変更しないようにする必要があります。
フォーム最後のコントロールに入力しただけで自動的にフォームが送信されたり、ボタンを変更すると予告なしに新しいウィンドウを開く、などの状況がそれにあたります。
予期せぬ状況の変化によって、視覚障害又は認知的限界のある利用者が混乱しウェブコンテンツを利用できなくなる場合がありますが、この達成基準を満たすことで利用者の混乱を防ぐことができます。
8.12. 一貫したナビゲーションを提供する(JIS3.2.3 レベルAA)35複数のウェブページ上で繰り返されているナビゲーションは、繰り返される度に相対的に同じ順序で提供する必要があります。
各ウェブページで同じ順序でナビゲーションを提供することで、利用者が各ウェブページのどこにナビゲーションがあるのかを予測できます。
これは認知的限界のある利用者、ロービジョンの利用者、知的障害のある利用者に加えて、全盲の利用者に役立ちます。
8.13. 同じ機能を持つ構成要素は一貫して識別できる(JIS3.2.4 レベルAA)ウェブページで繰り返して表示される構成要素(グローバルナビゲーションやPDF等を示す文書アイコン、リンク名称、印刷ボタン、ウェブページの先頭に戻るボタンなど)は、ウェブページの中で一貫性を持たせる必要があります。
あるウェブページで機能を学習した人は、一貫性のある構成要素がある場合は、他のウェブページでも目的の機能を見つけることができ、ウェブサイトの使いやすさが向上します。
8.14. 入力箇所の名称または入力方法の説明文を提供する(JIS3.3.2 レベルA)申し込み、アンケート、問い合わせなどのフォームで利用者の入力を要求するウェブページの場合、次の問題があるため入力箇所の名称または入力方法についての説明文を提供する必要があります。
⚫ 入力方法に制限(文字種や文字数制限など)がある場合、説明文がないと利用者はそれらの情報に気が付かないか、入力を誤る可能性がある⚫ 入力方法等の制限事項の説明文がフォームの下に表示されていると、利用者はそれらの情報に気が付かないか、入力を誤る可能性があるため、入力フォームの先頭に説明文を表示する必要がある⚫ 表示面積の小さいコントロール(チェックボックスなど)を利用者に選択させる場合は、コントロールと名称(テキスト)を関連付けし、テキスト部分をクリックしても選択できるようにする悪い例チェックボックスをクリックしないとチェックが入らない良い例テキストクリックでチェックが入る368.15. 入力エラー箇所を特定し修正方法を提示する(JIS3.3.1 レベルA,3.3.3 レベルAA)フォームに入力エラーがある場合、エラー箇所を特定し、そのエラーと修正方法を利用者にテキストで説明する必要があります。
フォームの入力エラー表示例8.16. 金銭的取引・データ変更・回答送信エラーを回避する(JIS3.3.4 レベルAA)利用者にとって法律行為もしくは金融取引が生じる(注1)、利用者が制御可能なデータを変更もしくは削除する、又は利用者が試験の解答を送信するウェブページでは、次に挙げる事項のうち、少なくとも一つを満たしている必要があります。
1. 取消:送信を取り消すことができる。
2. チェック:利用者が入力したデータの入力エラーがチェックされ、利用者には修正する機会が提供される。
3. 確認:送信を完了する前に、利用者が情報の見直し、確認及び修正をするメカニズムが利用できる。
この達成基準を満たすことで、ミスによる重大な結果を未然に防ぐ手段を提供でき、ミスをする可能性の高い障害のある利用者すべてに役立ちます。
(注 1)例えば、払い戻し不可の航空券の購入、又は証券取引口座での株購入の注文など、重大な結果につながる金銭的な取引をウェブコンテンツで行える場合、を指す。
JIS 規格では「障害のある利用者が元の状態に戻すことのできないタスクを行った際、ミスをしたことによる重大な結果を未然に防ぐことができるようにしなければならない。」と定められている。
8.17. 仕様に準じてウェブページを検証する(JIS4.1.1 レベルA)ウェブページの要素には完全な開始タグ及び終了タグがあり、要素は仕様に準じて入れ子になっていて、要素には重複した属性がなく、どのIDも一意的である必要があります(注1)。
この達成基準を満たすことで、支援技術がウェブコンテンツを正確かつ衝突することなく解析できるようになります。
37(注1)どの IDも一意的であるとは、異なる要素には異なる ID属性値を設定し、ウェブページ内に重複した ID属性値を設定しないこと。
異なる要素に同一の ID 属性値があると支援技術がコンテンツを解析する際に問題が生じ、支援技術利用者によるコンテンツの正しい理解を妨げるため。
8.18. 識別名及び役割をプログラムが解釈できる(JIS4.1.2 レベルA)ウェブコンテンツにあるユーザーインタフェース・コントロール(注1)に関する情報を、支援技術が収集でき、選択された状態にする(又は設定する)、そして常に最新の状態を把握できる必要があります。
この達成基準を満たすことで、音声読み上げソフトウェア、画面拡大ソフトウェア、及び音声認識ソフトウェアなどの、障害のある利用者が使用する支援技術との互換性を保つことが可能になります。
(注 1)ユーザーインタフェース・コントロールとは利用者が対象を操作するために接する部分。
マウス、キーボード、ディスプレイといった機械的な要素や、どのように操作するかという手順、画面に表示されるメニューやアイコン、ウィンドウといった視覚的要素、警告音や文字の読み上げといった聴覚的要素などを指す。
389. 参考資料9.1. CMSによる警告警告文字列として登録された文字をCMS内で入力すると、保存ボタンクリック時にCMSが警告メッセージを表示します。
推奨される表記への修正は任意ですが、可能な限り推奨される表記を使用してください。
警告が表示された例警告文字列 警告の理由 推奨される表現25/1/20 /(スラッシュ)を使用した日付の可能性があるため※/(スラッシュ)を使用した日付は、音声読み上げソフトで正しく読み上げられない可能性がある2025年1月20日R7.5.20.(ドット)を使用した日付の可能性があるため※.(ドット)は、音声読み上げソフトで小数点として扱われる可能性がある令和7年5月20日AM 「午前」の意味であれば漢字表記(英単語の一部場合はそのままの表記で問題ない)午前PM 「午後」の意味であれば漢字表記(英単語の一部場合はそのままの表記で問題ない)午後■ 装飾目的の使用であれば不適切□ 装飾目的の使用であれば不適切◆ 装飾目的の使用であれば不適切◇ 装飾目的の使用であれば不適切▽ 装飾目的の使用であれば不適切△ 装飾目的の使用であれば不適切▼ 装飾目的の使用であれば不適切▲ 装飾目的の使用であれば不適切〇 装飾目的の使用であれば不適切● 装飾目的の使用であれば不適切◎ 装飾目的の使用であれば不適切★ 装飾目的の使用であれば不適切☆ 装飾目的の使用であれば不適切♪ 装飾目的の使用であれば不適切39警告文字列 警告の理由 推奨される表現右図 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など左図 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など右記 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など左記 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など右の 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など左の 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など右側 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など左側 音声読み上げを配慮した場合、表現が不適切 具体的な名称を表記例)図1、図2、上図、下図など今年度 具体的な年度を記載すること来年度 具体的な年度を記載すること次年度 具体的な年度を記載すること昨年度 具体的な年度を記載すること今年 具体的な年を記載すること来年 具体的な年を記載すること去年 具体的な年を記載すること昨年 具体的な年を記載すること9.2. CMSによる入力補正置換文字列、機種依存文字、半角カナ、全角英数字をCMS内で入力すると、保存ボタンクリック時にCMSが強制的に置換後文字列に置き換えます。
これらの文字や表記はCMS内で使用できません。
置換結果が表示された例40置換後文字列への補正置換文字列 置換後文字列TEL/Tel 電話FAX/Fax/ファックス ファクスE-MAIL/E-MAIL/E-mail/E-Mail/E-Mail/Email/EメールE-mail「(半角) 「(全角)」(半角) 」(全角)・(半角) ・(全角)、(半角) 、(全角)。(半角) 。
(全角)(99)9999-9999など 99-9999-9999電話番号にはカッコ()は使用せず半角ハイフンを用いた形式へ補正2025/08/01、2025年08月01日、2025年08月1日、2025年8月01日2025年8月1日PM0:00/PM0:00、12:00/12:00 正午AM08:02/AM08:02、PM08:02/PM08:02 午前8時2分、午後8時2分24時間表記は午前・午後を付けた12時間表記へ補正(日)/(日)/(月)/(月)/(火)/(火)/(水)/(水)/(木)/(木)/(金)/(金)/(土)/(土)(日曜日)/(月曜日)/(火曜日)/(水曜日)/(木曜日)/(金曜日)/(土曜日)(月・祝)/(月、祝) (月曜日・祝日)/(月曜日、祝日)(土・日・祝)/(土、日、祝) (土曜日・日曜日・祝日)/(土曜日、日曜日、祝日)(株)/(株) 株式会社(有)/(有) 有限会社(財)/(財) 財団法人(学)/(学) 学校法人(独)/(独) 独立行政法人(公財)/(公財) 公益財団法人(一財)/(一財) 一般財団法人(公社)/(公社) 公益社団法人(一社)/(一社) 一般社団法人(代)/(代) (代表)41機種依存文字の補正機種依存文字とは、環境依存文字とも呼び、特定の利用環境でないと正しく表示されない文字の総称を言います。
端末機種やOSの種類により文字化けの原因となりますが、近年はユニコード(注)の採用により、文字化けが起きる可能性は低くなっています。
このため原則として以下の方針で一部の機種依存文字の利用を許可します。
(注)ユニコード:世界中の文字表現に対応できるコンピューター用の統一文字コード。
⚫ あらゆる環境で同じように表示される可能性が高いため、ウェブページで使用しても問題ない。
⚫ 機種依存文字の読み上げは閲覧環境(≒音声ブラウザ)に依存するため、特定の環境のみに配慮する必要はない。
ただし以下は、CMSにより置換後文字列に置き換えられます。
置換文字列(機種依存文字) 置換後文字列① (1)② (2)③ (3)④ (4)⑤ (5)⑥ (6)⑦ (7)⑧ (8)⑨ (9)⑩ (10)⑪ (11)⑫ (12)⑬ (13)⑭ (14)⑮ (15)⑯ (16)⑰ (17)⑱ (18)⑲ (19)⑳ (20)Ⅰ 1.
Ⅲ 3.
Ⅳ 4.
Ⅴ 5.
42置換文字列(機種依存文字) 置換後文字列Ⅵ 6.
Ⅶ 7.
Ⅷ 8.
Ⅸ 9.
Ⅹ 10.
Ⅺ 11.
Ⅻ 12.
ⅰ 1.
ⅱ 2.
ⅲ 3.
ⅳ 4.
ⅴ 5.
ⅵ 6.
ⅶ 7.
ⅷ 8.
ⅸ 9.
ⅹ 10.
ⅺ 11.
ⅻ 12.
㍉ ミリ㌔ キロ㌢ センチ㍍ メートル㌘ グラム㌧ トン㌃ アール㌶ ヘクタール㍑ リットル㍗ ワット㌍ カロリー㌦ ドル㌣ セント㌫ パーセント㍊ ミリバール㌻ ページ㎜ ミリメートル㎝ センチメートル43置換文字列(機種依存文字) 置換後文字列㎞ キロメートル㎎ ミリグラム㎏ キログラム㏄ 立方センチメートル㎡ 平方メートル№ ナンバー㏍ K.K.
℡ 電話㊤ 上㊥ 中㊦ 下㊧ 左㊨ 右㈱ (株)㈲ (有)㈹ (代)㍾ 明治㍽ 大正㍼ 昭和㍻ 平成㋿ 令和44半角カナ → 全角カナへの補正置換文字列(半角カナ) 置換後文字列(全角カナ)ヴ ヴガ ガギ ギグ グゲ ゲゴ ゴザ ザジ ジズ ズゼ ゼゾ ゾダ ダヂ ヂヅ ヅデ デド ドバ バビ ビブ ブベ ベボ ボパ パピ ピプ プペ ペポ ポア アイ イウ ウエ エオ オカ カキ キク クケ ケコ コ45置換文字列(半角カナ) 置換後文字列(全角カナ)サ サシ シス スセ セソ ソタ タチ チツ ツテ テト トナ ナニ ニヌ ヌネ ネノ ノハ ハヒ ヒフ フヘ ヘホ ホマ マミ ミム ムメ メモ モヤ ヤユ ユヨ ヨラ ラリ リル ルレ レロ ロワ ワヲ ヲン ンァ ァ46置換文字列(半角カナ) 置換後文字列(全角カナ)ィ ィゥ ゥェ ェォ ォャ ャュ ュョ ョッ ッー ー全角英数 → 半角英数への補正置換文字列(全角英数) 置換後文字列(半角英数)a ab bc cd de ef fg gh hi ij jk kl lm mn no op pq qr rs st tu uv vw wx xy y47置換文字列(全角英数) 置換後文字列(半角英数)z zA AB BC CD DE EF FG GH HI IJ JK KL LM MN NO OP PQ QR RS ST TU UV VW WX XY YZ Z0 01 12 23 34 45 56 67 78 89 948改訂履歴日付 版 修正内容2025年2月 第1.0版管理番号:iMY8.0