このガイドでは、WCAG準拠のカラー スキームを活用して Discourse フォーラムのアクセシビリティを向上させる方法を説明します。サイト管理者、テーマ作成者、およびエンドユーザー向けの指示が含まれています。
必要なユーザー レベル: 全ユーザー（管理者およびテーマ作成者向けの特定のセクションあり）
Discourse には、すべてのインストールに WCAG 準拠のカラー スキームが含まれており、フォーラムのアクセシビリティを向上させる絶好の機会を提供します。このガイドでは、これらのカラー スキームを 3 つの異なるシナリオで活用する方法を説明します。
サイト管理者向け
サイト管理者として、WCAG 準拠のカラー スキームを実装するには、主に 2 つのオプションがあります。
-
新規サイトの場合: 新しいカラー スキームを作成する際に、WCAG 準拠のパレットを基本オプションとして選択できます。
-
既存サイトの場合: 次の場所にアクセスすることで、WCAG 準拠のカラー スキームにアクセスできます。
discourse.example.com/wizard/steps/colorまたは、次の場所から新しいカラー スキームを作成する際に、基本パレットとして選択することもできます。
admin > customize > colorsWCAG 準拠のカラー スキームには、ライトバージョンとダークバージョンの両方が用意されています。これらは、リストの最後の 2 つのオプションです。
ユーザー選択を許可する
WCAG 準拠のカラー スキームをサイトのデフォルトとして設定したくない場合は、ユーザーが個別に選択できるようにすることもできます。
- サイトの管理パネルに移動します。
admin > customize > colorsに移動します。- これらのパレットをユーザーが選択できるようにするオプションを有効にします。
全ユーザー向け
サイト管理者がユーザー選択可能なカラー パレットを有効にしている場合は、ユーザー設定で WCAG 準拠のカラー スキームを選択できます。
- ユーザー設定に移動します。
- 「インターフェイス」セクションに移動します。
- カラー スキーム選択オプションを探します。
このページの URL は通常次のとおりです。
discourse.example.com/my/preferences/interface
設定に WCAG カラー スキームのオプションが表示されない場合は、サイト管理者に連絡することを検討してください。このガイドを提示して、これらのアクセシブルなカラー スキームを有効にする方法を指示できます。
テーマ作成者向け
テーマを開発していて WCAG 準拠を確保したい場合は、次の手順を実行します。
- Discourse WCAG カラー スキームをカスタムテーマのベースとして使用します。
- WAVE 拡張機能のようなツールを使用して、行った色の変更が WCAG 標準に準拠していることを確認します。
その他のリソース
Discourse のアクセシビリティへの取り組みに関する詳細については、公式アクセシビリティ ステートメントを参照してください。