CINXE.COM

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="Description" content="内閣府ホームページのウェブアクセシビリティへの取組み。"> <meta name="Keywords" content="ウェブアクセシビリティ, アクセシビリティ指針, 内閣府,ないかくふ,naikakufu,cao,cabinet office,政府"> <meta property="og:site_name" content="内閣府ホームページ"> <meta property="og:title" content="ウェブアクセシビリティ - 内閣府"> <meta property="og:image" content="https://www.cao.go.jp/common4/img/ogp_image001.jpg"> <meta property="og:description" content="内閣府ホームページのウェブアクセシビリティへの取組み。"> <meta property="og:type" content="article"> <meta property="og:url" content="https://www.cao.go.jp/notice/webaccessibility.html"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="format-detection" content="telephone=no"> <meta name="theme-color" content="#004697"> <title>ウェブアクセシビリティ - 内閣府</title> <link rel="stylesheet" href="/common4/css/import.css" media="screen,print"> <link rel="stylesheet" href="/common4/css/print.css" media="print"> <script src="/common4/js/jquery.min.js"></script> <script src="/common4/js/function.js"></script> </head> <body data-fnav="jp"> <div id="container"> <div id="containerInner"> <div id="containerInner2"> <header id="headerArea" role="banner">  <div id="headerBlock"> <div id="headerBlockInner"> <div id="headerBox"> <div id="spCiBlock"> <a href="https://www.cao.go.jp/"> <img src="https://www.cao.go.jp/common4/img/logo_pc.svg" alt="内閣府 Cabinet Office, Government of Japan" role="img" class="pcDisp"> <img src="https://www.cao.go.jp/common4/img/logo_sp.svg" alt="内閣府" role="img" class="spDisp"> </a> </div> </div> </div> </div> <nav id="topicPathBlock" role="navigation" aria-label="現在位置"> <ul> <li><a href="/index.html">内閣府ホーム</a></li> <li><span aria-current="page">ウェブアクセシビリティ</span></li> </ul> </nav>  </header> <div id="contentsArea">  <main id="contents" role="main"> <h1>ウェブアクセシビリティ</h1> <div id="mainContentsBlock"> <div id="mainContents">  <div class="txtRight"> <p>平成18年3月制定<br> 令和6年3月更新</p> </div> <h2>アクセシビリティ方針及び検証結果</h2> <p>内閣府では多くの利用者が容易に当ホームページを利用できるよう、ウェブコンテンツのアクセシビリティ等の規格である日本規格協会 JIS X 8341-3「高齢者・障害者等配慮設計指針-情報通信における機器,ソフトウェア及びサービス-第3部：ウェブコンテンツ」に基づいたウェブアクセシビリティ方針を定め、現行ウェブページの改善を図っています。</p> <p>今後も順次整備を行いできる限り読みやすく使いやすいホームページを目指し、アクセシビリティに配慮すると共に、ユーザビリティの向上に努めてまいります。</p> <ul class="bulletList"> <li><a href="/notice/accessibility_guidelines.html">内閣府ウェブアクセシビリティ方針</a></li> <li><a href="/notice/cao_webaccessibility.html">ウェブアクセシビリティ検証結果</a> (2024年2月2日から2月21日)</li> </ul> <p>※ 個別の部署で作成または独自に調達したページ及び独自ドメインのウェブアクセシビリティ検査は、この検査結果の範囲には含みません。</p> <h2>仕様について</h2> <ul class="bulletList"> <li>文字化けを起こす可能性のある機種依存文字や半角カタカナについては使用を禁止します。</li> <li>多くの方がわかるように、省略語、専門用語、流行語、俗語の使用を極力避け、必要に応じて解説をつけます。</li> </ul> <h2>タイトル・表示形式について</h2> <ul class="bulletList"> <li>階層や各ページを示すパンくずナビを提供します。</li> <li>ページのレイアウトにおけるリンク・ボタン等は識別しやすく、操作しやすい統一された大きさ、レイアウトにします。</li> <li>各ページに内閣府ロゴを表示させ、内閣府トップページへリンクさせます。</li> <li>他のページへの移動手段としてサイトマップと検索窓を各ページに提供します。</li> <li>情報を探しやすくなるよう、各ページに内容が連想しやすいタイトルを付けます。</li> </ul> <h2>画像について</h2> <ul class="bulletList"> <li>画像ファイルには必ず適切・具体的に画像を説明できる代替テキストを表示します。</li> </ul> <h2>表について</h2> <ul class="bulletList"> <li>適切に情報が伝わるように、できる限り単純な構造と見出しを設定します。</li> <li>レイアウトを目的とした表の利用は極力避けます。</li> </ul> <h2>リンクについて</h2> <ul class="bulletList"> <li>リンクの開き方については次のようにします。 <ul class="bulletList"> <li>当ホームページ以外のウェブサイトへのリンクは原則別ウィンドウで開きます。</li> <li>PDFファイルやCSVファイル、Excelファイルなどの添付ファイルは別ウィンドウで開きます。</li> <li>官公庁等公的ウェブサイト(例:xxx.go.jp)以外のウェブサイトへのリンクは原則御案内ページ（遷移ページ）を表示します。</li> <li>自動的に別ページに移動するような仕組みは設けません。</li> </ul> </li> <li>PDFファイル等を用いる際、ファイルの種類及びファイルサイズを、テキストやアイコンを使って明記します。<br>     例：PDFファイルの場合“ ファイル名(PDF形式: xxxKB)<img alt="PDFを別ウィンドウで開くことを示すアイコン" class="ico" height="16" src="https://www.cao.go.jp/common4/img/ico_pdf.svg" width="16">”</li> </ul> <table class="tableBase"> <caption>内閣府ホームページで使用しているアイコン</caption> <thead> <tr> <th scope="col">アイコンの種類</th> <th scope="col">ファイルの名称</th> <th scope="col">アイコンの意味</th> </tr> </thead> <tbody> <tr> <th scope="row"><img alt="別ウィンドウで開くことを示すアイコン" class="ico" height="16" src="https://www.cao.go.jp/common4/img/ico_out.svg" width="16"></th> <td>別ウィンドウアイコン</td> <td>内閣府ホームページ以外のウェブサイトへのリンクや、クリックするとリンク先を新しいウィンドウで開く場合、このアイコンを表示しています。</td> </tr> <tr> <th scope="row"><img alt="PDFを別ウィンドウで開くことを示すアイコン" class="ico" height="16" src="https://www.cao.go.jp/common4/img/ico_pdf.svg" width="16"></th> <td>PDFアイコン</td> <td>リンク先がPDFファイルの場合、このアイコンを表示しています。クリックすると新しいウィンドウでPDFファイルが開きます。また、『（PDF形式：xxxKB）』のようにファイルサイズを示します。</td> </tr> <tr> <th scope="row"><img alt="CSVファイル、Excelファイル等を別ウインドウで開くことを示すアイコン" class="ico" height="16" src="https://www.cao.go.jp/common4/img/ico_file.svg" width="16"></th> <td>CSVファイル、Excelファイル等アイコン</td> <td>リンク先がCSVファイル、Excelファイル等の場合、このアイコンを表示しています。クリックすると新しいウィンドウでCSVファイルまたはExcelファイル等が開きます。また、『（CSV形式：xxxKB）』『（Excel形式：xxxKB）』のようにファイルサイズを明示します。</td> </tr> <tr> <th scope="row"><img alt="動画を別ウインドウで開くことを示すアイコン" class="ico" height="16" src="https://www.cao.go.jp/common4/img/ico_movie.svg" width="16"></th> <td>動画アイコン</td> <td>リンク先が動画ファイルの場合、このアイコンを表示しています。クリックすると新しいウィンドウで動画ファイルが開きます。</td> </tr> </tbody> </table> <h2>色・形について</h2> <ul class="bulletList"> <li>ウェブコンテンツの内容を理解し操作するために必要な情報は、色、形もしくは位置のみに依存しないようにし、テキスト情報を併用するようにします。</li> <li>利用者の使用環境に合わせることが出来るように書体の固定はしません。</li> <li>文字や画像を点滅させることはしません。</li> </ul> <h2>文字サイズの変更</h2> <ul class="bulletList"> <li>内閣府ホームページにおける文字のサイズは、ブラウザの機能を利用して変更できるようにします。<br> (注意) ブラウザの機能を利用した場合、当ホームページ以外のウェブサイトの文字サイズも変更されますので御注意ください。また、御覧いただくサイトによっては、文字サイズが変更できない場合があります。</li> </ul> <h2>お問い合わせフォームの操作や入力について</h2> <ul class="bulletList"> <li>文字数や文字種に入力制限がある場合は、事前に記述します。</li> <li>入力時間の制限は設けません。</li> </ul> <h2>音声ブラウザやスクリーンリーダーへの配慮について</h2> <ul class="bulletList"> <li>ブラウザ等に依存せず、利用者が使うツールより読み上げ可能となるよう、コンテンツ作成に配慮しています。</li> <li>冒頭にナビゲーション部分などの基本操作部分をスキップできる内部リンクを設けます。</li> <li>ページにフレームは使用しません。</li> <li>ページ内のコンテンツの並び順に配慮します。</li> </ul> <h2>動画や音声情報に関して</h2> <ul class="bulletList"> <li>動画や音声情報には、字幕を用いるか、テキストで動画や音声情報の内容がわかるものを別に提供します。</li> <li>自動的に音や映像が再生しないようにします。</li> </ul> <h2>部分的に用いられている他言語について</h2> <ul class="bulletList"> <li>部分的に用いられている他言語による単語や文章、例えば日本語で提供されているページ内下部に記載の『<span lang="en">Copyright</span>』等においては、音声ブラウザで読み上げた時、その言語をサポートしている音声ブラウザでは正しい発音となるように言語設定をします。</li> </ul> <div class="pageTop"><a href="#container">このページの先頭へ</a></div>  </div> </div> </main>  </div> <footer id="footerArea" role="contentinfo">  <div id="footerNavBlock"> </div> <div id="copyrightBlock"> <div> <address> <img src="https://www.cao.go.jp/common4/img/logo_footer.svg" alt="内閣府 Cabinet Office, Government of Japan"> <span>〒100-8914　東京都千代田区永田町1-6-1<br>電話番号　03-5253-2111（大代表）</span> </address> <p>内閣府法人番号 2000012010019</p> <p id="txt_copyright" lang="en" xml:lang="en">© Cabinet Office, Government of Japan</p> </div> </div>  </footer> </div> </div> </div> </body> </html>