アクセシビリティ

キーボード、スクリーンリーダー、弱視、低技術ユーザー向けの構築方法。誠実な、日付入りのスナップショット。

このページはサイトの他のページと同様に書かれています：機能すること、しないこと、そして自分で確認する方法。アクセシビリティは動く標的なので、日付を記載しています。主要リリースごとに再テストします。

正式なアクセシビリティ声明

目標規格

全体的な体験において WCAG 2.2 AA。フォーカスの外観（厚みのある高コントラストリング、遮られない）とフォームのラベル付け＋エラー回復においてはAAAレベル。言い換えではなく、W3C勧告に対して追跡。

最後の内部監査

2026-04-19。ホームページ、print-size、/standards/ ハブ＋9つの権威ページ、45の支払いスキームランディングページに対する自チームによる手動パス。

外部監査

依頼済み、報告書待ち。到着時に /accessibility/audit/ で修正メモとともに公開, 不備もそのまま、都合の良いものだけ選ばない。

再テスト頻度

月次スポットチェック＋主要なUI変更後の完全な手動パス。自動チェック（コントラストリンティング、WCAG 2.2新基準スキャン）はデプロイごとに実行。

連絡先＋SLA

hello@abundera.ai, アクセシビリティレポートは2営業日以内に確認、5日以内にトリアージし、キーボード／スクリーンリーダー／認知上のブロッカーを優先問題として扱います（機能作業より先に対処）。

成功基準別WCAG 2.2 AA適合性

積極的に監視しているバージョン2.2の新基準。ステータスは内部で確認したものを反映しています。外部監査が優先されます。

モーションと強制カラーのサポート

• prefers-reduced-motion: reduce, 環境オーブのフロートとフェードイントランジションが抑制されます。機能的なトランジションは短く保たれます。macOS Reduce MotionおよびWindows「アニメーションの表示」無効で確認済み。
• forced-colors: active（Windowsハイコントラストモード）, フォーカスリングはシステムのHighlightカラーを使用。境界線はシステムのCanvasTextを継承。Windows 11 High ContrastのEdgeで確認済み。

既知の制限

• JAWSはまだテストされていません。 次のATラウンドはWindows 11のEdge上のJAWSを対象とします。
• 名刺デザイナーは、ドラッグして配置するプレビューのデザインにより、マウスが優先されます。すべてのコントロールにキーボード代替手段がありますが、ライブフィードバックループはまだ視覚的です。カラー入力、プリセットグリッド、16進フィールドには明示的なARIAバインディングが追加されました（2026-04-19）。
• 外部監査レポートは保留中です。上記の表の自己証明ステータスは、レポートが到着したときに監査人の所見に置き換えられます。
• 一部のサードパーティ支援技術（Dragon NaturallySpeaking、AndroidのSpeech-to-text）は、リグレッションマトリックスにありません。コミュニティレポートを受け付け、チケットごとに修正します。

アクセシビリティ変更ログ

• 2026-04-19（PM）, TalkBackライブリージョンの二重発火を修正: aria-live="polite"を#qr-previewラッパーから削除。アナウンスはスキャン可能性role="status"バッジからのみ、生成ごとに1回。BCDモーダル：カラーピッカーに適切な<label for>バインディング（背景、テキスト、アクセント、グラデーション）を追加。プリセットグリッドコンテナにrole="group"＋aria-labelを追加。アクセシビリティテーブルに<caption>＋scope="col"/"row"を追加, WCAG 2.2 AA＋ATマトリックスがVoiceOver、NVDA、TalkBackで正しくアナウンスされるようになりました。
• 2026-04-19（AM）, フォーカスインジケーターを改善（3 px＋box-shadowバックアップ）。forced-colors＋prefers-reduced-motionサポートを追加。ターゲットサイズ監査：.saved-profile-delete、.type-search-clear、.compat-toggle-btnを≥ 28 pxに引き上げ。見出しレベルスキップを修正（vCard/MECARDサブ見出しh4 → h3）。正式なWCAG 2.2 AA声明＋ATマトリックスを公開。
• 2026-04-18, 手動WCAG 2.2 AAベースラインパスを文書化。4柱トラストストリップをより明確な階層のために縮小。
• 2026-03-08, 最初の/accessibility/ページを公開。

私たちのコミットメント

• 完全なキーボードナビゲーション。 すべてのジェネレーターコントロール、すべてのモーダル、すべてのエクスポートフローがマウスなしでアクセス可能。
• 見えるフォーカス状態。 フォーカスされた入力、ボタン、リンクは明確なリングを表示。色だけに頼りません。
• すべてのフィールドにラベル。 フォーム入力には関連する<label>要素またはaria-label属性があります。プレースホルダーテキストが唯一のラベルとして使用されることはありません。
• QRプレビューとトーストのARIAライブリージョン。 スクリーンリーダーは「QR生成済み」とトーストメッセージを、フォーカスが移動したときだけでなく、発火したときに聞けます。
• アイコンのみのボタンへのテキスト代替。 すべてのSVGのみのボタンにaria-label。
• 色に依存しないステータスの意味。 スキャン可能性バッジとコンパットチップは、色とグリフとテキストラベルを組み合わせます。
• 明示的なエクスポート形式名。 ダウンロードボタンは「PNG をダウンロード」「SVG をダウンロード」など、単なる「ダウンロード」ではないと表示します。
• 大きなモバイルタップターゲット。 インタラクティブ要素は、WCAG 2.5.8に従い、粗いポインターで少なくとも44 × 44 CSSピクセル。
• モーション軽減の尊重。 prefers-reduced-motion: reduceの下でトランジションが無効化されます。

まだ不十分な点

• JAWSはまだテストされていません。 JAWSライセンスを取得済み、次のATラウンドのテスタースロットを予約済み。その他の主要なもの（VoiceOver macOS＋iOS、NVDA、Narrator、TalkBack）はすべて最新のリグレッションに合格しています。
• 名刺デザイナーは設計上マウスが多い（ドラッグして配置、キャンバスプレビュー）。すべてのコントロールにキーボード代替手段がありますが、ライブプレビューフィードバックループはまだ視覚優先。カラーコントロールには適切な<label for>バインディング＋プリセットピッカーのrole="group"が追加されました（2026-04-19）。
• 複雑なジェネレーターフロー（バッチCSV、マルチステップウィザード）はより良いスキップリンク構造を活用できます。計画中。
• 説明的なテーブルサマリー。 アクセシビリティ＋互換性テーブルに<caption>＋scope属性が追加されました（2026-04-19）。各行のより長い行レベルの物語サマリーはまだ計画中。

支援技術サポートマトリックス

エンジニアリングの成果物であり、PR声明ではありません。各行は私たちが物理的に手を触れた実際のブラウザ＋AT＋プラットフォームの組み合わせです。ステータスは最新の手動パスを反映しています。注意事項は完全なパスをまだブロックしているものを記録しています。

リリースケイデンス：マトリックスはすべての主要なUI変更に対して再実行されます。「合格」= ブロッカーなし。注意事項は次のリリースに向けてキューに入れられた外観上または限られた範囲のリグレッションです。「未テスト」= まだ物理的に組み合わせを実行していません, 省略する代わりにそう述べています。

キーボードマップ

• Tab / Shift+Tab：フォーカス可能な要素を前後に移動。
• Enter / スペース：ボタンとトグルを有効化。
• 矢印キー：ラジオグループ内のオプション間を移動（タイプセレクター、テンプレートピッカー、タブバー）。
• Escape：モーダルを閉じる（名刺デザイナー、プリフライト、印刷サービス、画像クロップ）。
• Home / End：オーバーフローメニュー内の最初/最後のアイテムにジャンプ。

内部監査, 2026-04-19

ホームページ、/print-size/、新しい/standards/ハブ＋9つの権威ページ、および共有テンプレートから継承する45の支払いスキームランディングページに対する手動WCAG 2.2 AAパス。確認したこと、修正したこと、未解決のこと：

合格として確認済み

• スキップリンクターゲットが存在する, スキップリンク（href="#generator"）はすべてのページバリアントで可視要素に解決されます。
• フォーカス可視スタイル, :focus-visibleは2pxアウトラインでグローバルに宣言されており、カラーボーダー＋シャドウを持つ入力ごとのオーバーライドもあります。site/css/style.c17bfd85.cssの34行目と88行目でCSS監査により確認済み。
• すべてのフォーム入力にラベルがある, ジェネレーター内のすべての<input>/<select>/<textarea>には、明示的な<label for="...">またはラップする<label>があります。プレースホルダーをラベルとして使用することはどこにもありません。
• ボタンにアクセシブルな名前がある, すべての<button>にはテキストコンテンツまたはaria-labelがあります。SVGのみのボタン（ハンバーガー、シェア、インストール）はすべてaria-labelを持ちます。
• 装飾的なSVGが非表示にマークされている, すべての装飾アイコンにaria-hidden="true"があり、スクリーンリーダーがジオメトリをアナウンスする代わりにスキップします。
• 正しいARIAロール, タイプセレクターにrole="radiogroup"と各オプションにrole="radio"＋aria-checked。パネルタブにrole="tablist"/role="tab"＋aria-selected。
• テキストコントラスト, 主テキストは#08090a上の#f5f5f5（≈ 17:1、WCAG AAA）。同じ背景上のミュートテキスト#a3a3a3は≈ 8:1（AAA 7:1以上）。
• 言語切り替えには、可視ラベルが暗示的であってもaria-label="Language"があります。

このパスで修正済み

• 見出しレベルスキップ, vCard / MECARDの追加フィールドセクション内の3つのサブ見出しは、介在する<h3>なしに<h2>の下の<h4>でした。スクリーンリーダーのアウトラインツールがこれを「レベルのスキップ」としてフラグ立て。アウトラインがh1 → h2 → h3 → h3とクリーンに読めるように<h3>に変更。

既知の制限

• Axe / NVDA / VoiceOverの完全スキャンは、ビルドパイプラインから実行できないブラウザ＋ATが必要です。ブラウザベースの手動パスを毎月スケジュール。
• サードパーティの独立監査は依頼済みです（/accessibility/audit/プレースホルダーを参照）。レポートは所見が含まれていても到着時に公開されます。
• "/"キーボードショートカットコマンドパレットは、検索フィールドがあるページでわずかな衝突リスクがあります。入力の外にフォーカスがある場合にのみpreventDefault()を使用。文書化済みですが、ATでまだ監査されていません。

問題を報告する

キーボードで到達できない、誤ってラベル付けされている、またはセットアップで使用できないものがある場合は、hello@abundera.aiにメールしてください。ブラウザ、OS、AT、および特定のフローを含めてください。アクセシビリティバグは優先問題として扱います。

最終確認：2026-04-19。次回確認：次の主要なUI変更後。