アクセシビリティ

キーボード・スクリーンリーダー・弱視・低スペック環境のユーザーへの対応方針。現時点での率直なスナップショットです。

このページはサイト全体と同じスタンスで書かれています。何が機能していて、何が機能していないか、そして自分で確認する方法を記載しています。アクセシビリティは継続的な取り組みであるため、このページには日付を明記しています。主要なリリースのたびに再テストを実施します。

当社のコミットメント

• キーボードによる完全操作。ジェネレーターのすべてのコントロール・すべてのモーダル・すべてのエクスポートフローはマウスなしで操作できます。
• 視覚的なフォーカス状態。フォーカスされた入力欄・ボタン・リンクには明確なリングが表示されます。色だけに依存していません。
• すべてのフィールドにラベル。フォーム入力欄には関連する <label> 要素または aria-label 属性があります。プレースホルダーテキストを唯一のラベルとして使用することはありません。
• QR プレビューとトーストへの ARIA ライブリージョン。スクリーンリーダーは、フォーカスが移動したときではなく、「QR が生成されました」というメッセージやトースト通知が表示された時点で読み上げます。
• アイコンのみのボタンへのテキスト代替。SVG のみのボタンすべてに aria-label を設定しています。
• 色に依存しないステータス表示。スキャン性バッジおよび互換チップは色とグリフおよびテキストラベルを組み合わせています。
• 明示的なエクスポート形式名。ダウンロードボタンには「PNG をダウンロード」「SVG をダウンロード」など、形式名を明記しています。単に「ダウンロード」とは表示しません。
• 大きめのタップ領域（モバイル）。WCAG 2.5.8 に従い、インタラクティブ要素はコースポインターで最低 44 × 44 CSS ピクセルを確保しています。
• 動き軽減設定への対応。prefers-reduced-motion: reduce が有効な場合、トランジションを無効にします。

まだ改善が必要な点

• スクリーンリーダーのテスト範囲が不均一です。ジェネレーターは VoiceOver（macOS/iOS）および NVDA でテスト済みですが、JAWS と TalkBack はさらなる検証が必要です。
• ビジネスカードデザイナーは設計上マウス操作を多用します（ドラッグによる配置、キャンバスプレビュー）。すべてのコントロールにキーボード代替手段はありますが、ライブプレビューのフィードバックループはまだ視覚優先です。
• 複雑なジェネレーターフロー（バッチ CSV・マルチステップウィザード）は、より良いスキップリンク構造が必要です。対応予定です。
• 互換性マトリクスは現在 HTML テーブルで表示されています。スクリーンリーダー向けの列ヘッダーは機能していますが、各行に詳しい説明の要約を追加したいと考えています。

テスト済みのブラウザおよび支援技術

最後の全体テスト: 2026年4月。テスト間は主要な UI 変更後にスポットチェックを実施します。

キーボード操作マップ

• Tab / Shift+Tab: フォーカス可能な要素を前後に移動します。
• Enter / Space: ボタンおよびトグルを操作します。
• 矢印キー: ラジオグループ内のオプション（タイプセレクター・テンプレートピッカー・タブバー）を移動します。
• Escape: モーダルを閉じます（ビジネスカードデザイナー・プリフライト・印刷サービス・画像クロップ）。
• Home / End: オーバーフローメニュー内で最初・最後の項目にジャンプします。

問題の報告

キーボードで操作できない・ラベルが誤っている・ご利用の環境で使用できないものがある場合は、hello@abundera.ai までメールでお知らせください。ブラウザ・OS・支援技術・具体的なフローを記載してください。アクセシビリティのバグは優先課題として対応します。

最終レビュー: 2026-04-16。次回レビュー: 次の主要 UI 変更後。