Accessibility
アクセシビリティ方針
AskMateChat は WCAG 2.1 Level AA を目標に、すべてのユーザーが 平等にサービスを利用できる環境の整備に継続的に取り組んでいます。 以下に、成功基準ごとの適合状況と JIS X 8341-3:2016 試行表明を開示します。
WCAG 2.1 Level AA 適合マトリクス
各成功基準の適合状況を axe-core スキャン・コードレビュー・デザインシステム文書を根拠に評価しています。
WCAG 2.1 Level AA 適合状況サマリー
監査日: 2026-05-16 · 対象 SC: 43件 (N/A除く)
56%
完全適合率 (適合 / 対象SC)
- 適合
- 24
- 部分適合
- 17
- 未対応
- 2
- N/A
- 7
監査方法: axe-core 4.11 (Playwright) + docs/design-system/05-accessibility.md + コードレビュー。 ⚠ 部分適合は Phase 2 で修正予定。
原則 1: 知覚可能
20 件
原則 1: 知覚可能
| SC | 成功基準名 | Level | 状態 | 根拠 (要約) |
|---|---|---|---|---|
| 1.1.1 | 非テキストコンテンツ | A | 部分適合 | Code grep: src/components/landing/CinematicChatUI. |
| 1.2.1 | 音声のみ及び映像のみ (収録済) | A | N/A | Code grep: no <video> or <audio> elements found in src/ (excluding _archive/). |
| 1.2.2 | キャプション (収録済) | A | N/A | No pre-recorded video content found in codebase. |
| 1.2.3 | 音声解説又はメディアに対する代替コンテンツ (収録済) | A | N/A | No pre-recorded video content found. |
| 1.2.4 | キャプション (ライブ) | AA | N/A | No live audio/video streaming in product. |
| 1.2.5 | 音声解説 (収録済) | AA | N/A | No pre-recorded video content. |
| 1.3.1 | 情報及び関係性 | A | 部分適合 | Code grep: semantic HTML confirmed — <header>, <main>, <footer>, <nav aria-label='メインナビゲーション'> in src/components/layout/Header. |
| 1.3.2 | 意味のある順序 | A | 適合 | Code grep: src/styles/globals. |
| 1.3.3 | 感覚的な特徴 | A | 部分適合 | Code grep: src/components/ui/ErrorMessage. |
| 1.3.4 | 表示の方向 | AA | 適合 | Code grep: no CSS 'orientation: portrait/landscape' lock found. |
| 1.3.5 | 入力目的の特定 | AA | 部分適合 | Code grep: src/app/contact/page. |
| 1.4.1 | 色の使用 | A | 部分適合 | Code grep: src/components/ui/ErrorMessage. |
| 1.4.2 | 音声制御 | A | N/A | No audio that auto-plays found in codebase. |
| 1.4.3 | コントラスト (最低限) | AA | 未対応 | axe-core scan (2026-05-16, askmatechat. |
| 1.4.4 | テキストのサイズ変更 | AA | 適合 | Code grep: src/styles/globals. |
| 1.4.5 | 文字画像 | AA | 適合 | Code grep: text is rendered via HTML/CSS throughout. |
| 1.4.10 | リフロー | AA | 適合 | Code grep: Tailwind responsive classes (sm:, md:, lg:) used throughout for responsive layout. |
| 1.4.11 | 非テキストのコントラスト | AA | 部分適合 | docs/design-system/05-accessibility. |
| 1.4.12 | テキストの間隔 | AA | 適合 | Code grep: no CSS that sets letter-spacing, word-spacing, line-height, or paragraph-spacing as fixed pixel values that would prevent override. |
| 1.4.13 | ホバー又はフォーカスで表示されるコンテンツ | AA | 部分適合 | Code grep: Tooltip/dropdown components use CSS transitions. |
原則 2: 操作可能
17 件
原則 2: 操作可能
| SC | 成功基準名 | Level | 状態 | 根拠 (要約) |
|---|---|---|---|---|
| 2.1.1 | キーボード | A | 部分適合 | Code grep: src/components/ui/AppShell. |
| 2.1.2 | キーボードトラップなし | A | 部分適合 | Code grep: docs/design-system/05-accessibility. |
| 2.1.4 | 文字キーのショートカット | A | 適合 | Code grep: no single-character keyboard shortcut implementations found in LP or auth pages. |
| 2.2.1 | タイミング調整可能 | A | 適合 | Code grep: no session timeout auto-redirect found in LP pages. |
| 2.2.2 | 一時停止、停止、非表示 | A | 部分適合 | Code grep: src/components/landing/CinematicChatUI. |
| 2.3.1 | 3回の閃光、又は閾値以下 | A | 適合 | Code grep: no flashing/strobing animation pattern found. |
| 2.4.1 | ブロックスキップ | A | 適合 | Code grep: src/components/ui/AppShell. |
| 2.4.2 | ページタイトル | A | 適合 | Code grep: each page exports metadata with unique title. |
| 2.4.3 | フォーカス順序 | A | 部分適合 | Code grep: src/styles/globals. |
| 2.4.4 | リンクの目的 (コンテキスト内) | A | 部分適合 | Code grep: src/components/layout/Header. |
| 2.4.5 | 複数の手段 | AA | 適合 | Site structure: navigation menu (Header), site-wide search not present but sitemap implicit via nav. |
| 2.4.6 | 見出し及びラベル | AA | 部分適合 | Code grep: StructuredPageHero. |
| 2.4.7 | フォーカスの可視化 | AA | 適合 | Code grep: src/styles/globals. |
| 2.5.1 | ポインタのジェスチャ | A | 適合 | Code grep: no multi-point gesture or path-based gesture interactions found in LP or auth. |
| 2.5.2 | ポインタのキャンセル | A | 適合 | Code grep: interactive components use onClick (mouseup equivalent in React) — no mousedown-triggered irreversible actions found in LP pages. |
| 2.5.3 | ラベルを含む名前 | A | 部分適合 | Code grep: src/components/layout/Header. |
| 2.5.4 | 動きによる起動 | A | N/A | No device-motion (accelerometer/gyroscope) triggered interactions found in codebase. |
原則 3: 理解可能
10 件
原則 3: 理解可能
| SC | 成功基準名 | Level | 状態 | 根拠 (要約) |
|---|---|---|---|---|
| 3.1.1 | ページの言語 | A | 適合 | Code grep: src/app/layout. |
| 3.1.2 | 一部の言語 | AA | 部分適合 | Code grep: English phrases appear in some LP sections (e. |
| 3.2.1 | フォーカス時 | A | 適合 | Code grep: no onFocus handlers that trigger navigation or form submission found in LP. |
| 3.2.2 | 入力時 | A | 適合 | Code grep: no onChange handlers that auto-submit forms in LP. |
| 3.2.3 | 一貫したナビゲーション | AA | 適合 | Code grep: SiteLayout. |
| 3.2.4 | 一貫した識別性 | AA | 適合 | Code grep: consistent component reuse — same Button, Link, Badge components across pages. |
| 3.3.1 | エラーの特定 | A | 適合 | Code grep: src/app/contact/page. |
| 3.3.2 | ラベル又は説明 | A | 適合 | Code grep: src/app/contact/page. |
| 3.3.3 | エラーの修正方法の提示 | AA | 部分適合 | Code grep: src/app/contact/page. |
| 3.3.4 | エラー回避 (法的、財務的、データ) | AA | 部分適合 | Code grep: Stripe checkout flow has review step before charge. |
原則 4: 堅牢
3 件
原則 4: 堅牢
| SC | 成功基準名 | Level | 状態 | 根拠 (要約) |
|---|---|---|---|---|
| 4.1.1 | 構文解析 | A | 適合 | Framework guarantee: Next. |
| 4.1.2 | 名前 (name)、役割 (role)、値 (value) | A | 未対応 | axe-core scan (2026-05-16): button-name VIOLATION [critical] on /try — 1 button element has no discernible text, aria-label, or aria-labelledby. |
| 4.1.3 | ステータスメッセージ | AA | 適合 | Code grep: src/components/ui/Snackbar. |
▶ Phase 2 修正バックログ (8件)
- 1.4.3 コントラスト: 36 nodes failing across 8 LP pages — identify and fix specific elements (muted text, placeholder text on dark backgrounds)
- 4.1.2 名前・役割・値: /try page — icon-only button missing aria-label
- 1.1.1 非テキストコンテンツ: Manual review of axe 'incomplete' items on each page
- 1.3.5 入力目的の特定: Add autocomplete attributes to auth and contact forms
- 2.4.4 リンクの目的: Generic CTA text ('詳細を見る') — add aria-label where context not programmatically available
- 3.1.2 一部の言語: Add lang='en' to English phrases in Japanese content
- 1.4.11 非テキストのコントラスト: Mathematical verification of icon/border contrast ratios
- App interior audit: BotSettingsClient form labels without htmlFor, settings page heading hierarchy, flow editor keyboard navigation
JIS X 8341-3:2016 試行表明
アクセシビリティ適合試行表明
| 規格名称 | JIS X 8341-3:2016 高齢者・障害者等配慮設計指針 — 情報通信における機器,ソフトウェア及びサービス — 第3部:ウェブコンテンツ |
|---|---|
| 参照規格 | WCAG 2.1 Level AA (JIS X 8341-3:2016 と整合) |
| 目標適合レベル | Level AA (目標)— Phase 1 完全適合率: 56% (24/43 SC) |
| 表明種別 | 試行表明(部分適合 17件・未対応 2件あり。正式適合表明は Phase 2 監査完了後) |
| 試験対象範囲 | 公開 Web ページ (LP・認証ページ) — 下記 URL:
※ ログイン後アプリ画面は Phase 2 対象。 |
| 試験実施期間 | 2026-05-16 |
| 試験実施者 | Claude Code (ecc:a11y-architect) + axe-core 4.11 via Playwright + code grep + design-system doc review |
| 次回見直し予定 | 2026-11-16 (Phase 2) |
| 問い合わせ先 | ashikari@new-beginnings.co.jp アクセシビリティに関する不具合報告・改善要望はこちらへ。 |
【試行表明について】 本表明は JIS X 8341-3:2016 が定める「試行表明」です。正式な「適合表明」ではありません。 上記の成功基準マトリクスに示すとおり、一部の基準では部分適合または未対応の項目が存在します。 これらは Phase 2 監査 (2026-11-16 (Phase 2) を目標) で順次改善する計画です。 アクセシビリティに関する問題を発見された場合は、上記問い合わせ先までご連絡ください。 迅速に対応いたします。
アクセシビリティ方針
WCAG 2.1 AA を目標に、視認性・操作性・読み上げ対応を継続改善。
- 色: コントラスト比 4.5:1 以上、変化の緩いグラデーション。
- フォント: Plus Jakarta Sans + システムフォント、`font-size` のスケーラビリティ。
- ARIA: `role`, `aria-label` などでランドマークを明確化。
テスト方法
キーボード/スクリーンリーダー/ブラウザでのテスト。
- キーボード: メニューで `tab` → `enter` の遷移 + `mobile toggle` への対応。
- スクリーンリーダー: nav の `aria-label`, `alt` 付き画像、`aria-hidden` で不要要素を除外。
- 低視力: `prefers-reduced-motion` を考慮したアニメーション。
フィードバック
アクセシビリティ不足の報告は ashikari@new-beginnings.co.jp で受け付けています。
- 改善要望は `ashikari@new-beginnings.co.jp` へ、スクリーンショット付きでご送付ください。
- 障害報告と同じステータス/Changelog で進捗を共有。