アクセシビリティ方針.

alexchih.com は、3 言語・2 つのカラーモードのすべてで WCAG 2.2 レベル AA を目標としています。アクセシビリティの問題はバグとして扱います。

適合状況

自己評価により WCAG 2.2 レベル AA に部分的に適合。最終評価日：2026-08-11。方法：3 言語 × ライト・ダーク・ハイコントラストの各モードで、主要ページに対する axe-core による自動監査；デザイントークンの組み合わせに対する手計算のコントラスト行列；ナビゲーション、検索、言語切替、お問い合わせフォームのキーボード操作確認。

サイトの対応内容

すべてのインタラクティブ要素に可視のフォーカスリングを表示します。
すべてのページに本文へのスキップリンクがあります。
prefers-reduced-motion が設定されている場合、環境光レイヤーは静止画として描画され、すべてのアニメーションを停止します（WCAG 2.3.3）。
ハイコントラストレイヤー：prefers-contrast: more で自動的に、またはルート要素に contrast-more クラスを付けて手動で有効化できます。コントロールの境界線を強化し、プライマリボタンを濃色に切り替え、メタテキストを二次色調に引き上げます。
各ページは自身の言語を宣言し、英語・繁体字中国語・日本語の hreflang を提供します。コントロールにはそのページの言語でアクセシブルネームが付いています。

既知の例外

メタ微小ラベル（日付・タグ・見出し眉）は意図的に 4.5:1 未満の faint 色調を使用しています。ハイコントラストレイヤーで適合する色調に引き上げられます。
ガラス表現の 1px 境界線は非テキスト 3:1 基準を下回ります（ほぼすべてのグラスモーフィズムと同様）。ハイコントラストレイヤーがすべてのコントロール境界を 3:1 以上に引き上げ、これが公式にサポートされる方法です。
プライマリボタンはブランドの杏色（#D0722E）を使用し、白ラベルのコントラストは 3.43:1 です。これは意図的なブランド判断であり、ハイコントラストレイヤーでは深い杏色（#B64F1B、5.09:1）に切り替わります。ダークモードは両レイヤーで基準を満たします。

フィードバック

この方針に漏れがあれば、GitHubで issue を立てるか、hi@alexchih.comまでご連絡ください。