アクセシビリティ
すべての方にお使いいただける設計。
チェックボックスではなく、デザインの選択です。一部の方を排除する製品は、良い製品とはいえません。
最終更新:2026年4月。
当社のコミットメント
Hokkuは、本サイトおよび今後公開予定のShopifyアプリ全体において、WCAG 2.1 AAレベルへの準拠を目指すという姿勢で開発を進めています。完璧を約束するものではありません。ただし、ご報告いただいた問題は優先的に修正し、現時点での対象範囲についても正直にお伝えします。
なお、これは当社の公開マニフェスト第9の約束にあたるものであり、アクセシビリティは任意ではないという考えを示しています。
準拠する標準
社内的な主張ではなく、確立された外部標準に準拠する形で運用しています。具体的には、以下のとおりです。
- WCAG 2.1 AAレベル——デジタルアクセシビリティの国際的基準
- EN 301 549——欧州公共調達向けのアクセシビリティ標準
- European Accessibility Act(EAA)、2025年6月より適用
- 5つの主要ページにおけるLighthouseアクセシビリティスコア100/100をCIで担保
テスト方法
mainブランチへのプッシュごとに、以下のチェックを継続的インテグレーション(CI)で自動実行しています。
- pa11y-ci(axe runner)を両言語にまたがる16のURLで実行——axeに違反があるとビルドが失敗します
- Lighthouse CIを5つの主要ページで実行——アクセシビリティスコアが95を下回るとビルドが失敗します
- 各リリース前の手動スモークテスト:キーボード操作のみでのナビゲーション、フォーカスの視認性、スクリーンリーダーの読み上げ、200%および400%ズーム、低モーション設定(prefers-reduced-motion)
なお、テスト実行時の自動axe-coreについては、HokkuアプリのShopify審査提出に向けたロードマップに含まれています。マーケティングサイトに関しては、上記の手順で既にカバーされている状態です。
現時点で機能していること
gethokku.comでは、現時点で以下の項目が動作しています。
- 最初のキーボードTabキーで表示される「コンテンツへスキップ」リンク
- 論理的な見出し階層と、ページごとに一意のランドマーク
- すべてのインタラクティブ要素(リンク、ボタン、入力欄、summary要素)に明確なフォーカスインジケーター
- 本文テキストのコントラスト比7:1以上(AAA)、補助テキストは4.5:1以上(AA)
- prefers-reduced-motionに対応——必須でないアニメーションは無効化
- カスタムウィジェットよりネイティブHTML要素を優先——ボタンはボタン、リンクはリンク
- フォームではすべての入力欄にラベルを付与し、エラーはrole=alertでアナウンス
- すべてのロケールで<html>に言語属性を設定
現時点でまだ実施していないこと
一方で、現時点では整備が及んでいない範囲もあります。これらについても正直にお伝えします。
- 正式な第三者監査は未実施です。Lighthouseおよびpa11yはあくまで自動プローブであり、人間によるレビューに代わるものではありません。
- 支援技術をご利用の実ユーザーによるテストも未実施となっており、Hokkuアプリのローンチ後数ヶ月以内の実施を予定しています。
- 一部の外部リンク(プレスキット素材、ブログの動画埋め込み等)については、それぞれのホスティングプラットフォームのアクセシビリティに依存しており、当社の直接的な管理下にはありません。
問題のご報告
本サイトまたはHokkuアプリのご利用にあたり、何らかの障壁となる箇所がございましたら、お知らせいただけますと幸いです。
件名を「Accessibility」として、hello@gethokku.com までメールをお送りください。48時間以内に受領のご返信をお送りし、次回のリリースサイクルで優先的に修正するという形で対応いたします。