Loading...
非ネイティブ話者の面接練習を支える、キーボード完結のフラッシュカードアプリ。スクリーンリーダー対応、モーション制御、セマンティックなマークアップなど、アクセシビリティを前提に設計・実装した。
関連サービス
アクセシビリティを後付けではなく設計段階から扱いたい、実装や検証まで含めて相談したいケースに近い実績です。
ノンネイティブ話者の面接準備を支えるために作った実用アプリで、ログイン不要・個人データ収集なし・キーボードとスクリーンリーダーで完結操作できることを重視して設計しました。
インタラクティブなアプリでも、アクセシビリティを“最後に追加するもの”ではなく、企画・UI・実装・検証の最初から一貫して扱う必要がありました。
Accessibility by design
後からチェックリスト的に足すのではなく、最初からアクセシビリティを前提に構造とUIを組みました。
インタラクティブ状態での検証
静的ページだけでなく、状態を持つ画面でも実際の操作フローに近い形で検証しました。
トレードオフを見ながら調整
動画の preload やモーション設定など、パフォーマンスと使いやすさの両立を意識して調整しました。
Lighthouse Accessibility
主要画面 100
Best Practices / SEO
主要画面 100
Performance
動的画面を含めて 97以上