# アクセシビリティ

> postext.devのアクセシビリティ目標（WCAG 2.2 AAA）、設定できる読みやすさの項目、キーボード操作、問題の報告方法について説明します。

- HTML版: https://postext.dev/ja/accessibility
- 他の言語: [en](https://postext.dev/en/accessibility.md), [es](https://postext.dev/es/accessibility.md), [ca](https://postext.dev/ca/accessibility.md), [zh](https://postext.dev/zh/accessibility.md), [ar](https://postext.dev/ar/accessibility.md)

*最終更新日：2026年10月*

## 適合目標

本ウェブサイトとSandboxは、英語、スペイン語、カタルーニャ語、中国語、日本語、アラビア語（右から左）の各言語版、およびライトとダークの両テーマにおいて、Web Content Accessibility Guidelines（WCAG）2.2のレベルAAAに適合することを目標としています。すべてのページを自動テスト（axe-coreと、AAAの達成基準に対する独自の検査）で確認し、キーボードで一通り操作して検証しています。

## 読みやすさの設定

このサイトの本文は、Postextが作る本と同じく、両端そろえでハイフネーションを入れて組んでいます。読みにくいと感じる場合は、メニューバーの本のアイコンから読みやすさの設定を開けます。設定はサイトのすべてのページに適用され、このブラウザーに保存されます。

- テーマ：ライトまたはダーク。メニューバーの切り替えスイッチと同じ設定です。選んでいない場合は、システムの設定に従います。
- 文字のそろえ：デザインどおりの両端そろえ、またはハイフネーションなしの左寄せ。
- 行間：デザインどおり、または行の高さを1.8行分とし、段落の間隔を行の高さの1.5倍にする設定。
- 行の長さ：デザインどおり、または最大80字（中国語では40字）。この場合、2段組みの文章は1段で組みます。
- 色：テーマ本来の色、ハイコントラスト（白地に黒、ダークテーマでは黒地に白）、または温かみのある紙。
- ブラウザーのズームで文字を200%まで拡大しても、横スクロールなしでページがウィンドウに収まります。

Sandboxでは、エディターに一度に多くの情報を表示できるよう、ボタンと入力欄を初期状態では小さめにしています。左側のバーの下端（スマートフォンでは上端）にある手のアイコンで、大きなボタンと入力欄に切り替えられます。いずれも44 × 44ピクセル以上になります。タッチスクリーンでは最初からオンになり、設定はこのブラウザーに保存されます。

## キーボード操作

- TabキーとShift+Tabキーでリンクと操作部品のあいだを移動します。現在の位置は枠線で示されます。
- どのページでも、Tabキーで最初に移動する先は、本文へスキップするリンクです。
- EnterキーまたはSpaceキーでボタンを実行します。矢印キーでグループ内の選択肢を移動します。
- Escキーでメニュー、検索ウィンドウ、読みやすさの設定を閉じ、それを開いたボタンにフォーカスを戻します。
- Ctrl+K（Macでは⌘K）でドキュメントの検索を開きます。

## 既知の制限

サイトの次の部分は、まだ目標を満たしていません。

- ナレーション付きの2本の動画には、手話通訳（WCAG 1.2.6）と拡張音声解説（1.2.7）がありません。各動画のプレーヤーの下には、ナレーションに加えて画面上で起きることも説明した、完全な文字起こしがあります。
- 動画の字幕トラックには発話だけが収められ、字幕（subtitles）としてラベル付けされています。効果音や音楽を示す字幕はまだありません。
- 動画には中国語版、日本語版、アラビア語版がありません。中国語、日本語、アラビア語のページでは、英語の動画を、その言語の文字起こしとともに再生します。
- SandboxのCanvasタブのページプレビューは、各ページの画像です。そのテキストはHTMLタブと「本文」パネルにあり、スクリーンリーダーで読み上げられます。
- SandboxからPDFとして書き出した本にはアクセシビリティのためのタグが付きますが、実際の読みやすさは、与える内容とデザインによって決まります。

## 問題の報告

サイトに使いにくい箇所や使えない箇所があれば、[GitHub](https://github.com/drnachio/postext/issues)でissueを作成してください。ページ、行おうとしていたこと、使用しているブラウザーと支援技術をお知らせください。
