ホーム > アクセシビリティ指針


アクセシビリティ指針

アクセシビリティへの取り組み
アミタグループは「持続可能な社会の実現」に向けて事業を行っています。そのような社会をいち早く実現するためには、当ウェブサイトをご覧いただく方々にさまざまな情報を知っていただくこと、そして多様なかたちでご参加いただくことが重要だと考えています。

そのため、アミタホールディングス株式会社ウェブサイト(当サイト)は、健常者の方はもちろん、視覚や聴覚が不自由な方、マウスが利用しづらい方など障害を持つ方々や高齢の方々も含め、どなたでもご利用でき使いやすいウェブサイトにするよう「アクセシビリティ指針」を定め、これを遵守するよう努めています。
取り組みの現状と今後について
当サイトのアクセシビリティ対応においては最善を尽くしているつもりでおりますが、対応が不十分であったり、誤っていたりする部分が残っているかもしれません。
今後も継続的に改善を行ってまいりますので、もし当サイトのアクセシビリティ対応についてお気づきの点がありましたら、ぜひご一報いただければ幸いです。
アクセシビリティガイドライン
当サイトでは、2004年6月に制定された「JIS X8341-3 高齢者・障害者等配慮設計指針-情報通信における機器、ソフトウェア及びサービス-第3部:ウェブコンテンツ(ウェブコンテンツJIS)」に基づくガイドラインを定めています。今後も、W3C Web コンテンツ・アクセシビリティ・ガイドライン 2.0(WCAG 2.0)やウェブコンテンツJISの見直しの動向を見ながら、随時改定を検討いたします。

制定日:2010年1月4日

アクセシビリティ指針

  • 【必須】 全コンテンツで対応する
  • 【推奨A】原則として全コンテンツで対応する
  • 【推奨B】重要度の高いコンテンツで対応する

規格及び仕様

ガイドラインの内容 優先度 対応JIS
HTML文書はXHTML1.0 Transitional+CSS2.0で作成し、W3Cで定められた仕様に準拠する。 【必須】 5.1 a)
特定の技術やプラグイン(JavaScript・Javaアプレット・Flash・PDFなど)、動画、オーディオを使用する場合は、アクセシビリティ支援機能を適切に用いるか、代替手段を用意する。 【推奨A】 5.1 b)

構造及び表示スタイル

見出し、段落、リスト等の要素を用いて文書の構造を適切に指定する。 【必須】 5.2 a)
デザイン表現にはスタイルシートを使用し、情報と構造を表現から分離できるようにする。 【推奨A】 5.2 b)
表はできる限り単純な構造にする。 【推奨A】 5.2 c)
表の見出しには、th 要素を使う。また、各セルと見出しとをscope 属性、headers 属性、及びid 属性を用いて関連付ける。 【推奨B】 5.2 c)
表組みは、極力レイアウト用に使用しない。使用する場合は、th属性、summary属性を使用しない。 【推奨A】 5.2 d)
すべてのページに、固有のページタイトルをtitleタグで指定する。 【必須】 5.2 e)
原則としてフレームは使用しない。 【推奨A】 5.2 f)
現在閲覧中のページがサイト全体のどこに位置しているのかわかるように、パンくずメニューを設ける。 【推奨A】 5.2 g)
検索結果では、全てのページと現在どのページを見ているかを明示する。 【推奨A】 5.2 g)
申し込みフォーム等で、手続きの流れの中で現在どの手続きの段階か明示する。(例:「情報入力」「確認」「完了」) 【推奨A】 5.2 g)
head内のlink要素(index、prev、next等)を用いて対象となるページとの関係を明示する。 【推奨B】 5.2 g)

操作及び入力

キーボード(タブキー、エンターキー、矢印キーなど)のみでも操作が完了するよう設計する。 【必須】 5.3 a)
tabキーでフォーカスを移動しやすいよう、必要であればtabindexを指定する。 【必須】 5.3 a)
「選択(フォーカス)」→「実行(ボタン押し下げ)」の手順を守る。 【必須】 5.3 a)
入力内容や条件は明確に示す。 【必須】 5.3 b)
入力条件(必須、半角)、入力例や備考は、入力欄より前に明示する。 【必須】 5.3 b)
選択肢が多い場合には、選択肢を構造化する。(例:2つに分割する、optgroupを使うなど) 【必須】 5.3 b)
選択肢が複数個ある場合は、選択肢の数をあらかじめ提示し、それらが何を表しているか、わかりやすくする。 【必須】 5.3 b)
ラベルとチェックボックスなどのコントロールを関連付ける。 【必須】 5.3 b)
ユーザの入力および操作に時間制限を設けない。セキュリティ上の配慮等から時間制限を設けている場合、その制限時間を明示する。 【推奨A】 5.3 c)
制限時間があるときは、利用者によって時間制限を延長又は解除できることが望ましい。これができないときは、代替手段を用意しなければならない。※ 【推奨A】 5.3 d)
サイト内のリンクは同一ウィンドウ内で行う。新しいウィンドウでページを開く場合には、その旨を明記しておく。 【必須】 5.3 e)
自動にページの更新をする場合には、その旨を明記する。(例:15分ごとに○○情報を更新します。) 【必須】 5.3 e)
レイアウト、ナビゲーション、文章表現などは、サイト内で一貫性のあるルールで作成する。 【推奨A】 5.3 f)
リンクやボタンは識別しやすい形状にデザイン・色とし、操作しやすいようじゅうぶんな余白をおく。 【推奨A】 5.3 g)
リンクは、リンク先の内容がわかるテキストにする。(例:詳細情報、関連ページ 等)(悪い例:「クリック」「click here!」 【推奨A】 5.3 g)
HTML文書の冒頭付近に、本文へのスキップナビゲーションを設ける。画面上非表示にする場合は、CSSはdisplay:none;は使用せず、Overflowやtext-indent:-9999px;などで音声ブラウザで読まれるようにする。 【推奨A】 5.3 h)
入力ミスやエラーが起こった際にはフォームに戻れるようにする。その際に入力済みのものは保持しておく。 【必須】 5.3 i)

非テキスト情報

画像には、代替情報としてalt属性をつける。 【必須】 5.4 a)
altは、意味を補足して書き換えたり、意図的に空を指定するなど(同等のテキスト情報がそばにあるとき、意味のない画像のとき)的確に指定を行う。 【必須】 5.4 a)
画像を表示しなくてもページの内容を把握できるかチェックする。 【必須】 5.4 a)
画像には、代替情報としてalt属性をつける。その際、意味を補足して書き換えたり、意図的に空を指定するなど(同等のテキスト情報がそばにあるとき)的確に指定を行う。 【必須】 5.4 a)
ハイパリンク画像にはalt属性をつける。その際にリンク先の内容をわかりやすく明示する。 【必須】 5.4 b)
操作するのに必要な音声情報には、聴覚を用いなくても理解できるテキストなどの代替情報を提供しなければならない。音声を使用する場合は、テキストなどの代替情報を提供する。 【必須】 5.4 c)
動画を使用する場合は、字幕もしくは状況説明の音声などの代替情報を提供する。 【推奨B】 5.4 d)
アクセスできないメディア、非テキスト情報には、代替テキストを設ける。それができない場合には非テキストコンテンツの目的を示す。 【必須】 5.4 e)
プラグインを利用する場合は、そのプラグインの最新バージョンを提供しているウェブサイトへのリンクを設ける。 【必須】 5.4 e)

色及び形

色だけに依存した情報提供は行わず、テキストによる補足をつける。(例:テキストで[必須]と書く。悪い例:「赤字は必須です」) 【必須】 5.5 a)
グラフでは、どの領域が何を示しているか色が無くてもわかるようにする。(例:引き出し線をつける。地模様をつける。コントラスト差をつける。) 【必須】 5.5 a)
白黒表示(印刷)をしても、意味が通じるかチェックする。 【必須】 5.5 a)
「丸い」といった形状や「右側」といった位置情報だけではなく、テキストによる補足やリンクで情報提供する。 【必須】 5.5 b)
画像などの背景色と前景色とには、十分なコントラストを取り、識別しやすい配色にする。(※色覚障害のある利用者には「赤と緑」「黄と青」、高齢者には「白と黄」「青と黒」「青紫と黒」の組み合わせはなるべく避ける。) 【推奨A】 5.5 c)

文字

文字のサイズは、利用者が変更できるようにする。 【必須】 5.6 a)
読みやすいフォントサイズ及び書体を指定する。ゴシック体を推奨。 【推奨A】 5.6 b)
フォントの色指定には、背景色とのじゅうぶんなコントラストを確保する。 【推奨A】 5.6 c)

自動的に音を再生しない。自動的に再生する場合には、再生していることを明示する。 【推奨A】 5.7 a)
音声を使用する場合は利用者が出力を制御できるようにする。 【推奨A】 5.7 b)

速度

変化又は移動する画像又はテキストは、なるべく緩やかにして、極端な色の変化を避ける。 【推奨A】 5.8 a)
点滅する表現を使用する場合は小範囲での使用とし、早い周期での画面の点滅を避ける。 【必須】 5.8 b)

言語

html要素のlang属性に言語指定する。(日本語はja、英語であればen) 【必須】 5.9 a)
文書中で異なる言語を使用する部分では、p要素、div要素、span要素等にlang属性を指定する。 【必須】 5.9 a)
外国語の使用は最低限にする。使用するときは、初出のときに解説を入れる。 【推奨A】 5.9 b)
省略語、専門用語、流行語、俗語、造語の使用は最低限にする。使用するときは、初出のときに解説を入れる。 【推奨A】 5.9 c)
読みの難しい単語はなるべく使用しない、使用の場合はよみがなを併記する。 【推奨A】 5.9 d)
表現やレイアウトのために、単語の間にスペースや改行を入れない。 【必須】 5.9 e)
わかりやすい記号やイラストを合わせて配置して理解を助ける。 【推奨A】 5.9 f)

プロセス・運用に関する指針

企画・制作に関する要件

企画・設計・制作のプロセスで常にアクセシビリティに配慮し、アクセシビリティを維持しやすいよう設計する。 【必須】 6.1
アミタってどんな会社?
このページの先頭へ