アクセシビリティ
アクセシビリティ方針
私たちは、このサイトを誰もが使えるものにしたいと考えています。ここでは、まだ不十分な点も含めて、現在の状況をお伝えします。何かが妨げになっているときは、お知らせください。その方法はページの最後に書いてあります。
- 基準
- WCAG 2.2 レベル AA
- 対応状況
- 一部準拠
- 最終確認日
この方針が対象とする範囲
この方針の対象は apps.hex.pro です。各アプリのページ、ブラウザツール、Hex NFC の開発費用と寄付のページ、ここで公開しているプライバシーポリシーと利用規約が含まれます。Hex NFC のドキュメントも対象ですが、「既知の制限事項」に記載した制限があります。アプリ自体はお使いの端末上で動作するもので、ここでは対象外です。
目標とする基準
私たちは、World Wide Web Consortium（W3C）が公開するウェブコンテンツアクセシビリティガイドライン（WCAG）2.2 のレベル AA を満たすことを目標としています。
一部準拠とは、サイトの一部がまだ基準を完全には満たしていないという意味です。私たち自身の検査でも小さな問題がいくつか残っており、把握している大きめの制限事項は、まだ行っていない検査とあわせて以下に挙げています。
このサイトで利用できる機能
画面表示の設定
各ページ上部の「画面表示」ボタンからこれらの設定を開けます。小さい画面ではメニューの中にあります。それぞれの設定はすぐに反映され、このブラウザ内にこのサイト専用として保存されます。選んだ内容が私たちや第三者に送信されることはありません。
- 動きを止める
- 各ページの背景で動くアートやアプリの動画を含め、アニメーションを止めます。背景アートは、その時点のフレームで静止します。
- 背景を無地にする
- 各ページの背景アートを取り除きます。背景アートはまったく描画されなくなり、無地の暗い背景だけが残ります。
- コントラストを上げる
- 控えめな文字を明るくし、パネルや操作部品の輪郭をはっきりさせます。
- 透明度を下げる
- 上部のバーやメニューなど、半透明のパネルを不透明にし、画面の粒状ノイズをなくします。
- 文字サイズ
- 文字を大きくします。3 段階で、通常の 1.5 倍までです。
- 読みやすいフォント
- ロゴ以外の文字に、文字同士を取り違えにくい書体 Atkinson Hyperlegible を使います。この書体が対応するのはラテン文字と数字で、日本語の文字は元の書体のままです。
- リンクに下線を引く
- すべてのリンクに下線を引き、リンクが色だけで区別されないようにします。
お使いの端末で「視差効果を減らす」「コントラストを上げる」「透明度を下げる」がすでに有効な場合、対応するスイッチはオンの状態で表示され、その理由を示す注記が付きます。
ブラウザツールは、入力されたものを一切保持しません。ツールのページで画面表示の設定を変更した場合でも、その設定は保存されます。保存することをあなたが求めたからです。
端末側の設定
このサイトは、端末やブラウザの次の設定にも従います。こちらで何かを変更する必要はありません。
- 視差効果を減らす：アニメーションが止まり、動く背景はそれぞれ 1 枚の静止画になります。
- コントラストを上げる：画面表示の「コントラストを上げる」をオンにしたときと同じように、サイトはコントラストの高い配色を使います。
- 透明度を下げる：画面表示の「透明度を下げる」をオンにしたときと同じように、パネルが不透明になります。
- 強制カラー（Windows のコントラスト テーマなど）：サイトはあなたの配色に従い、スイッチや寄付の進捗バーのように色だけで描かれている部分も、その配色で描き直されます。
言語
このサイトは 7 つの言語で提供しています。英語、中国語（簡体字）、アラビア語、スペイン語、日本語、フランス語、ブラジルポルトガル語です。「表示言語」メニューには、それぞれの言語で表記した一覧があります。言語ごとに固有のアドレスがあるので、共有したリンクは、読んでいたときの言語で開きます。
ブラウザの言語設定がこれらのうち別の言語になっている場合、切り替えを提案する小さな通知が一度だけ表示されることがあります。勝手に切り替わることはありません。
キーボードとズーム
- どのページでも、最初に Tab キーを押すと「本文へスキップ」リンクが表示されます。このリンクはナビゲーションを飛ばして本文へ移動します。
- リンク、ボタン、その他の操作部品は、キーボードフォーカスがある間は枠線で囲まれます。
- メニューやパネルは Esc キーで閉じ、フォーカスはそれを開いたボタンに戻ります。
- リンクをたどって別のページに移動すると、フォーカスはそのページの先頭に移り、スクリーンリーダーがページのタイトルを読み上げます。
- 各ページは、横幅 320 ピクセルのウィンドウに横スクロールなしで収まります。これは 1280 ピクセル幅の画面を 400% にズームしたときに残る幅です。
- 最大の文字サイズでも、文字が切れたり重なったりしません。
既知の制限事項
- アプリのスクリーンショットは英語の画面です。キャプションと説明文は翻訳しています。
- Hex NFC のドキュメントは英語で書かれています。メニューや通知はお使いの言語に従いますが、各ページは英語のページとして指定してあり、スクリーンリーダーが英語の音声で読み上げるようにしています。
- プライバシーポリシーと利用規約の翻訳は参考として提供するものです。法的拘束力を持つのは英語版であり、すべての翻訳から英語版にリンクしています。
- 寄付は Stripe Checkout を通じて行われ、hex.pro のお問い合わせフォームは自動送信を除外するために Cloudflare Turnstile を使っています。どちらも他社が運営しているもので、その中のアクセシビリティの問題を私たちが修正することはできません。いずれかで先に進めなくなった場合は、[email protected] までメールでお知らせください。別の方法で対応します。
- 2 つのブラウザツールには、各ツールのページからダウンロードできる単一ファイルのオフライン版があります。このオフライン版には、修正済みですがまだ公開していない問題があります。キーボードだけではファイルを選びにくいことと、一部のメッセージがスクリーンリーダーに通知されないことです。このサイトのページ上のツールは別のインターフェースを使っており、影響を受けません。
検査の方法
このサイトは次の方法で確認しました。
- axe-core による、WCAG 2.2 レベル A および AA のルールに基づく自動検査。公開しているすべての言語の全ページを、デスクトップとスマートフォンの画面サイズで検査しました。
- キーボードだけで行う一連の操作。スキップリンク、幅 320 ピクセルでのスマートフォン用メニューの開閉とその中のすべての項目への移動、リンクをたどって別のページへ移動すること、上部のバーとスマートフォン用メニューにある画面表示の設定、「表示言語」メニュー、寄付フォームを対象にしました。
- 全ページを幅 320 ピクセル、高さ 256 ピクセルで確認。これは幅 1280、高さ 1024 の画面を 400% にズームしたときに残る領域で、横にはみ出すものがないかを確認しました。
- 全ページを、最大の文字サイズと「読みやすいフォント」をオンにした状態で、デスクトップとスマートフォンの幅で表示し、文字が切れたり、横にはみ出したり、重なったりしていないかを確認しました。
- 「視差効果を減らす」「強制カラー」「コントラストを上げる」をブラウザ上でシミュレートし、一部のページで、それぞれの状態のもとで自動検査を再実行しました。
- サイトで使っているすべての文字色について、それが表示される各背景とのコントラストを、各アプリの配色ごとに測定しました。
スクリーンリーダーを使った手動の検査はまだ行っていません。Mac と iPhone の VoiceOver から始める予定です。
問題をお知らせください
このサイトで使いにくい点がある場合や、内容を別の形式で必要とする場合は、お知らせください。hex.pro のお問い合わせフォーム、または [email protected] へのメールでご連絡ください。
5 営業日以内の返信を目指しています。
hex.pro のお問い合わせフォームを開く私たちの回答にご満足いただけない場合は、オーストラリアで障害者差別に関する苦情を扱う Australian Human Rights Commission（オーストラリア人権委員会）に申し立てることができます。