1.基本方針
CRAワークサポートセンター(運営:NPO法人クリエイター育成協会)は、ウェブアクセシビリティの国際規格であるWCAG(Web Content Accessibility Guidelines)2.2 レベルAAへの準拠を目標に、本サイトの継続的な改善に取り組んでいます。
2.現在取り組んでいる主な内容
本サイトの制作にあたり、次のような点に配慮しています。
- キーボード操作:マウスを使わず、キーボードだけでもメニューの開閉、ページ内の移動、フォーム入力などの主要な操作ができるよう配慮しています。
- フォーカスの可視化:キーボードで操作している際に、現在選択している箇所が分かるよう、フォーカス表示(:focus-visible)を用意しています。
- スキップリンク:各ページの先頭に、繰り返されるナビゲーションを読み飛ばして本文へ直接移動できるリンクを設置しています。
- 見出し構造:ページ内の見出し(h1〜h6)を、内容の階層に沿って順序立てて使用しています。
- 画像の代替テキスト:内容を伝える画像には意味に応じたalt属性を設定し、装飾目的の画像は空altやCSS背景を用いて、読み上げ時に不要な情報が伝わらないようにしています。
- モバイルメニューの状態通知:スマートフォン表示のメニュー開閉時、aria-expanded属性とhidden属性で、開閉状態を支援技術に伝えています。
- アコーディオン表示:よくあるご質問等の開閉表示には、標準のdetails/summary要素を使用し、支援技術でも開閉状態が伝わるようにしています。
- 色だけに頼らない表現:現在地や必須項目などの状態は、色だけでなく、文字やアイコンでも伝えるようにしています。
- 文字サイズ:本文は16pxを基準とし、注記・補足を含め12px未満の文字は使用していません。
- クリック・タップ領域:ボタンやリンクの操作領域を、指や不慣れなマウス操作でも押しやすい大きさで確保するよう配慮しています。
対応状況についての注記
上記は、本サイト制作時点での取り組み内容です。ウェブアクセシビリティへの対応は継続的な取り組みであり、すべてのページ・すべての利用環境において問題が生じないことを保証するものではありません。
3.ご利用にあたって(推奨環境)
本サイトは、主要なブラウザの最新版でのご利用を想定しています。ブラウザの文字サイズ拡大・縮小機能や、OS標準の読み上げ機能などをあわせてご利用いただけます。推奨環境の詳細(対応ブラウザのバージョン等)は、本番公開までに確定し、本ページへ追記します。
4.お気づきの点のご連絡
本サイトの利用しやすさについてお気づきの点がありましたら、お問い合わせフォームよりご連絡ください。いただいたご意見は、今後の改善の参考にさせていただきます。
5.方針の見直し
本方針は、本サイトの更新状況や技術の変化に応じて、内容を見直すことがあります。
本ページについて
本ページはデザイン確認用の仮文書です。制定日や推奨環境の詳細など、(仮)と記載した箇所は、公開前に運営側で確定してください。