ACCESSIBILITY
このサイトが、実際に何をしているか。誇張なく、確認できることだけを書いています。
このページの記載は実装を確認した上で書かれています。曖昧な主張や一般論は含みません。
キーボード操作
すべてのページの先頭に「メインコンテンツへスキップ」リンクがあります。Tab キーで最初にフォーカスされ、ナビゲーションを読み飛ばして本文へ移動できます。
キーボードでフォーカスした要素には、赤系のアクセントカラーで統一されたフォーカスリングが表示されます。マウスクリックでは表示されず、キーボード操作時のみ現れます。
配色とコントラスト
ライト(紙のような温白)とダーク(深い藍色)、2つのテーマを用意しています。本文相当のテキストは、どちらのテーマでも背景に対して WCAG AA 相当のコントラストを目標に調整しています。
配色は少数の意味的なトークン(背景・前景・アクセントなど)で管理されており、テーマ間で個別に色を作り込むのではなく、同じ仕組みで両方に反映されます。
モーションと動き
OS 側で「視差効果を減らす」などのリデュースドモーション設定が有効な場合、ページ読み込み時のフェードイン演出や、テーマ切り替え時のアニメーションは無効になります。
構造と支援技術
見出しは意味のある階層で構成しています。ナビゲーションやリンクの一覧には、その役割を示すラベル(aria-label)を付けています。
装飾目的の背景数字や記号(読み込み中の演出や、あしらいとして極端に薄く表示される数字など)は、本文の情報を担っていません。それらは視覚的な装飾であり、内容の伝達を装飾だけに頼っている箇所はありません。
現時点で認識している制約
一部のページにある巨大な「ゴースト数字」(背景に極薄で表示される演出的な数字)は、意図的に低コントラストです。装飾であり、同じ情報は必ず本文側にも通常のコントラストで存在します。
継続的に見直しを行っていますが、完全な達成を保証するものではありません。
気づいたことがあれば
見落としや、使いにくい箇所を見つけた場合は、お問い合わせからご連絡ください。実装を確認のうえ対応します。
お問い合わせへ