アクセシビリティ

アクセシビリティ方針

私たちは、このサイトを誰もが使えるものにしたいと考えています。ここでは、まだ不十分な点も含めて、現在の状況をお伝えします。何かが妨げになっているときは、お知らせください。その方法はページの最後に書いてあります。

基準
WCAG 2.2 レベル AA
対応状況
一部準拠
最終確認日

この方針が対象とする範囲

この方針の対象は hex.pro です。会社と私たちが作っているものについてのページ、サービスのページ、お問い合わせフォーム、ブログ、プライバシーポリシーが含まれます。私たち自身のスタッフがサインインして使う編集画面、私たちの他のウェブサイト、お使いの端末上で動作するアプリやゲームは対象外です。

目標とする基準

私たちは、World Wide Web Consortium（W3C）が公開するウェブコンテンツアクセシビリティガイドライン（WCAG）2.2 のレベル AA を満たすことを目標としています。

一部準拠とは、サイトのすべての部分が基準を満たしているとはまだ言えないという意味です。私たちの自動検査は、対象としたページでは不合格を報告していませんが、ブログはまだ対象に含まれておらず、スクリーンリーダーを使った検査はまだ行っておらず、フォームで行う確認の一つは他社が運営するものです。把握している制限事項は、まだ行っていない検査とあわせて以下に挙げています。

このサイトで利用できる機能

画面表示の設定

各ページ上部の「画面表示」ボタンからこれらの設定を開けます。小さい画面ではメニューの中にあります。それぞれの設定はすぐに反映され、このブラウザ内にこのサイト専用として保存されます。選んだ内容が私たちや第三者に送信されることはありません。

動きを止める
すべてのページでアニメーションを止め、ページの見出しの背後にある動くシーンを、その時点のフレームで静止させます。
背景を無地にする
ページの見出しの背後にあるシーンを取り除きます。シーンはまったく描画されなくなり、無地の暗い背景だけが残ります。
コントラストを上げる
控えめな文字を明るくし、入力欄やボタンの輪郭をはっきりさせ、フォーカスの枠線を太くし、ページ上部のバーを不透明にします。
透明度を下げる
ページ上部のバーやその他の半透明の面を不透明にし、サービスのページのダイアログの背後にあるページをぼかさないようにします。
文字サイズ
文字を大きくします。3 段階で、通常の 1.5 倍までです。
読みやすいフォント
ロゴ以外の文字に、文字同士を取り違えにくい書体 Atkinson Hyperlegible を使います。この書体が対応するのはラテン文字と数字で、日本語の文字は元の書体のままです。
リンクに下線を引く
本文や一覧の中のリンクに下線を引き、リンクが色だけで区別されないようにします。ボタンやカードの見た目は変わりません。

お使いの端末で「視差効果を減らす」「コントラストを上げる」「透明度を下げる」がすでに有効な場合、対応するスイッチはオンの状態で表示され、その理由を示す注記が付きます。

端末側の設定

このサイトは、端末やブラウザの次の設定にも従います。こちらで何かを変更する必要はありません。

  • 視差効果を減らす：アニメーションが止まり、動くシーンはそれぞれ 1 枚の静止画になります。
  • コントラストを上げる：画面表示の「コントラストを上げる」をオンにしたときと同じように、サイトはコントラストの高い配色と不透明な上部のバーを使います。
  • 透明度を下げる：画面表示の「透明度を下げる」をオンにしたときと同じように、ページ上部のバーやその他の半透明の面が不透明になります。
  • 強制カラー（Windows のコントラスト テーマなど）：サイトはあなたの配色に従い、ページの見出しの背後にあるシーンは隠され、画面表示の設定にあるスイッチはお使いのシステム標準のチェックボックスとして描画されます。

言語

このサイトは次の言語で提供しています。それぞれ、その言語自身の表記で挙げています。

  • English
  • 中文
  • العربية
  • Español
  • 日本語
  • Français
  • Português (BR)

各ページ上部の「言語」メニューにも、同じ表記の一覧があります。言語ごとに固有のアドレスがあるので、共有したリンクは、読んでいたときの言語で開きます。

ブラウザの言語設定がこれらのうち別の言語になっている場合、切り替えを提案する小さな通知が一度だけ表示されることがあります。勝手に切り替わることはありません。

キーボードとズーム

  • どのページでも、最初に Tab キーを押すと「コンテンツへスキップ」リンクが表示されます。このリンクはナビゲーションを飛ばして本文へ移動します。
  • リンク、ボタン、その他の操作部品は、キーボードフォーカスがある間は枠線で囲まれます。
  • メニューやパネル、サービスのページのダイアログは Esc キーで閉じ、フォーカスはそれを開いたボタンに戻ります。
  • リンクをたどって別のページに移動すると、フォーカスはそのページの先頭に移り、スクリーンリーダーがページのタイトルを読み上げます。
  • 各ページは、横幅 320 ピクセルのウィンドウに横スクロールなしで収まります。これは 1280 ピクセル幅の画面を 400% にズームしたときに残る幅です。
  • 最大の文字サイズでも、文字が切れたり重なったりしません。

既知の制限事項

  • お問い合わせフォームとサービスのページでは、メッセージを送ったり私たちの電話番号を求めたりしているのが人間であることを確認するために Cloudflare Turnstile を使っています。Turnstile は他社が運営しているもので、その中のアクセシビリティの問題を私たちが修正することはできません。これで先に進めなくなった場合は、[email protected] までメールでお知らせください。別の方法で対応します。
  • サービスのページで案内している電話は、英語のみで対応します。代わりに、そのページのご相談フォームやメールで、いつでも文書でご連絡いただけます。
  • ブログの記事には英語のみのものがあります。お使いの言語への翻訳がない記事は、その旨を伝える通知の下に英語版を表示し、英語の記事として指定してあり、スクリーンリーダーが英語の音声で読み上げるようにしています。
  • プライバシーポリシーは、参考として他の 6 つの言語でも公開しています。正式な文書は英語版であり、すべての翻訳にその旨を記し、英語版にリンクしています。
  • ページの見出しの背後にあるシーンは装飾であり、情報を伝えるものではないため、代替テキストはなく、スクリーンリーダーは読み飛ばします。シーンの上に重なる文字のコントラストは、以下の検査の項で説明するとおり、シーンそのものを背景として測定しています。
  • ブログの記事には、タイトルをキャンバス上に動くエフェクトで描画するものがあります。タイトルはスクリーンリーダー向けにテキストとしてページ内に残っており、「動きを止める」「背景を無地にする」「コントラストを上げる」「読みやすいフォント」のいずれかがオンのとき、またはお使いの端末で「視差効果を減らす」「コントラストを上げる」「強制カラー」が有効なときは、通常のテキストとして表示されます。

検査の方法

このサイトは、ブログを除き、次の方法で確認しました。

  • axe-core による、WCAG 2.2 レベル A および AA のルールに基づく自動検査。全ページを、デスクトップとスマートフォンの画面サイズで検査しました。
  • キーボードだけで行う一連の操作。スキップリンク、幅 320 ピクセルでのスマートフォン用メニューの開閉とその中のすべての項目への移動、リンクをたどって別のページへ移動すること、上部のバーとスマートフォン用メニューにある画面表示の設定、お問い合わせフォームのエラーのまとめを対象にしました。
  • 「言語」メニューをキーボードだけで操作し、開くところから別の言語を選ぶところまで確認しました。
  • 全ページを幅 320 ピクセル、高さ 256 ピクセルで確認。これは幅 1280、高さ 1024 の画面を 400% にズームしたときに残る領域で、横にはみ出すものがないかを確認しました。
  • 全ページを、最大の文字サイズと「読みやすいフォント」をオンにした状態で、デスクトップとスマートフォンの幅で表示し、文字が切れたり、横にはみ出したり、重なったりしていないかを確認しました。
  • 「視差効果を減らす」「強制カラー」「コントラストを上げる」をブラウザ上でシミュレートし、一部のページで、それぞれの状態のもとで自動検査を再実行しました。同じページで、「透明度を下げる」のもとで上部のバーが不透明になること、および保存した画面表示の設定がページのスクリプトの実行前に反映されることも確認しました。
  • サイトの文字色、操作部品の輪郭、フォーカスの枠線のコントラストを、スタイルシートをもとに、それぞれが表示される各背景に対して、「コントラストを上げる」のオンとオフの両方で測定しました。
  • ページの見出しの背後にあるシーンに重なる文字のコントラストを、シーンそのものを背景として、通常の文字サイズ、最大の文字サイズ、「読みやすいフォント」のそれぞれで測定しました。
  • 公開しているすべての言語での自動検査。また、アラビア語は右から左に読むため、幅 320 ピクセルの検査と文字サイズの検査は、英語に加えてアラビア語でも行いました。

ブログの記事とアーカイブのページはまだこれらの検査を受けていないため、「キーボードとズーム」に挙げた点はブログではまだ確認できていません。

スクリーンリーダーを使った手動の検査はまだ行っていません。Mac と iPhone の VoiceOver から始める予定です。

問題をお知らせください

このサイトで使いにくい点がある場合や、内容を別の形式で必要とする場合は、お知らせください。お問い合わせフォーム、または [email protected] へのメールでご連絡ください。

5 営業日以内の返信を目指しています。

お問い合わせフォームを開く

私たちの回答にご満足いただけない場合は、オーストラリアで障害者差別に関する苦情を扱う Australian Human Rights Commission（オーストラリア人権委員会）に申し立てることができます。