Webアクセシビリティ方針
本Webサイトは、高齢者や障がい者を含むより多くの方々に、情報が問題なく伝わるよう、Web標準(注1)に準拠し、Webアクセシビリティに配慮した制作・運用を行っています。
また、以下の方針は、Willさんいんが制作するWebサイトにおいても基本方針として考え、Webアクセシビリティに配慮したWebサイト制作を行っています。
注1: Web標準とは、W3C (World Wide Web Consortium)が勧告しているWWW関連の規格のことで、特にWebサイト制作に関わるHTMLやCSS、DOM、WCAG等のことを言います。
Web標準への対応について
本サイトは、XHTML 1.0 Strict（ブログページについては XHTML 1.0 Transitional）で制作し、全てのページについて、W3Cのマークアップ検証サービス（The W3C Markup Validation Service）による検証を行い、エラーや警告がないことを確認しています。
また、この検証サービスでは検出することの出来ない、正しい順序と意味のあるマークアップについても心がけて制作・運用を行っています。
スタイルシートについては、CSS レベル2.1を基本としていますが、一部にCSS3の記述、あるいはInternet Explorer対策の記述を施しているため、W3C CSS 検証サービスではエラーとなります。ですがこれは、CSS3の新しいデザイン表現の活用、あるいはInternet Explorerによる表示のズレを解消するための過渡的なもので、本質的なエラーとは異なるものと考えています。
JIS X 8341-3:2010への対応と配慮事項
本サイトは、JIS X 8341-3:2010（高齢者・障害者等配慮設計指針－情報機器における機器， ソフトウェア及びサービス－第三部：ウェブコンテンツ）の達成等級AAに準拠することを目標として、以下のような事項に配慮した制作・運用を行っています。
知覚可能に関して
- 全ての画像に適切な代替テキストを提供する。但し、装飾的な画像あるいは画像を説明する隣接するテキストがある場合は、代替テキストの値を空（alt=""）にする。
- リンクボタンとなっている画像はリンク先を示す代替テキストを提供する。
- イメージマップは、それぞれのリンク先を明確に示す代替テキストを提供する。
- アイコンや行頭記号などの装飾はスタイルシートを使用する。
- 音声や映像のみで提供するコンテンツにはテキスト等により同等の情報を提供する。但し、製作実績として掲載するコンテンツは除く。
- 文書構造に従って適切なマークアップを行い、意味のある順序で記述する。
- 色や形で伝える情報は、色や形がなくても伝えられるようにする。
- 自動的に音声を再生しない。
- テキストと背景色（画像化した文字を含む）は、4.5対1以上（大きい文字は3対1以上）の十分なコントラスト比を確保する。但し、ロゴやバナー等は除く。
- テキストは、支援技術なしで文字サイズを拡大することができるようにし、200％まで拡大しても問題なく読めるようにする。
- ロゴやバナーを除いて、表現が可能な文字は画像化した文字ではなく、テキストを使用する。
- 体裁目的で一単語内にスペースや改行を挿入しない。
- インデント目的で行頭に連続するスペースを置かない。
- 日付や金額などの重要な情報には記号や省略形を使わない。
- 文字サイズや行間を固定しない。
- データテーブルは見出しセルとデータセルの関係を明確にし、過度なセルの結合などをしない。
操作可能に関して
- 全てのコンテンツは、キーボードだけで操作可能とする。
- キーボードでフォーカスされている状態がわかるようにする。
- テキストのスクロールや点滅を使用しない。
- フォームなどの入力に時間制限を設けない。
- 1秒間に3回を超える閃光を避ける。
- ブロックスキップを設け、各ページの先頭で繰り返されるナビゲーションをスキップできるようにする。
- 各ページにそのページの主題を明示した適切なタイトル（title属性の値）を付ける。
- リンクとなっているテキストだけからリンク先がわかるようにする。
- リンクはクリックしやすい面積を確保し、十分な間隔をあける。
- ページの階層構造を示すパンくずリストやサイトマップを設置する。
- フレームは使用しない。
理解可能に関して
- ページの主たる言語を明確にし、文字コードを記述する。
- 利用者が意図せず状況が変化しないようにする。
- 各ページのナビゲーションはその位置や順序を統一する。
- リンクテキストはナビゲーションメニューなどを除いて、むやみにリンクの下線を消したり、リンクでないテキストに下線を引かないなど、リンクでないテキストと区別してそれがリンクと識別できるようにする。
- 基本的にリンク先を別ウィンドウで開かない。別ウィンドウで開く場合は、事前にそれがわかるようにする。
- リンク先がPDFなどの場合は、そのファイル形式とサイズを明記する。
- 機種依存文字を使用しない。
- フォームはラベルとの関連を明確にし、入力に関する注意書きはフォームコントロールの前に配置する。
- フォームに入力エラーがあった場合は、テキストによる説明とエラーの箇所を明確にする。
頑健性に関して
- 構造のための要素と表現のための要素を切り分けて、使用に準じたマークアップを行う。
- レイアウト目的でテーブルを使用しない。
- 複数のブラウザのサポートされているバージョン、およびタブレット端末やスマートフォンで問題なく利用できること。
