フォーラムをよりアクセスしやすくする

:bookmark: このガイドでは、WCAG準拠のカラースキームを活用してDiscourseフォーラムのアクセシビリティを向上させる方法を説明します。サイト管理者、テーマ作成者、およびエンドユーザー向けの指示が含まれています。

:person_raising_hand: 必要なユーザーレベル: すべてのユーザー(管理者およびテーマ作成者向けの特定のセクションあり)

Discourseには、すべてのインストールにWCAG準拠のカラースキームが標準で含まれており、フォーラムのアクセシビリティを向上させる絶好の機会を提供します。このガイドでは、3つの異なるシナリオでこれらのカラースキームを活用する方法を説明します。

サイト管理者向け

サイト管理者として、新しいカラースキームを作成する際に基本パレットとしてこれらを選択することで、WCAG準拠のカラースキームを実装できます。場所は次のとおりです。
admin > config > colors

WCAG準拠のカラースキームのライト版とダーク版の両方が利用可能です。

ユーザーによる選択を許可する

WCAG準拠のカラースキームをサイトのデフォルトとして設定したくない場合でも、ユーザーが個別に選択できるようにすることができます。

  1. サイトの管理パネルに移動します
  2. admin > config > colors に移動します
  3. これらのパレットを選択するオプションをユーザーに許可する設定を有効にします

すべてのユーザー向け

サイト管理者がユーザー選択可能なカラーパレットを有効にした場合、ユーザー設定でWCAG準拠のカラースキームを選択できます。

  1. ユーザー設定に移動します
  2. 「インターフェース」セクションに移動します
  3. カラースキーム選択オプションを探します

このページのURLは通常次のとおりです。
discourse.example.com/my/preferences/interface

:information_source: 設定でWCAGカラースキームがオプションとして表示されない場合は、サイト管理者に問い合わせることを検討してください。アクセシブルなカラースキームを有効にする方法に関する指示については、このガイドを参照するように伝えることができます。

テーマ作成者向け

カスタムテーマを開発していて、WCAG準拠を確実にしたい場合は、次の手順に従います。

  1. DiscourseのWCAGカラースキームをカスタムテーマのベースとして使用します。
  2. WAVE拡張機能などのツールを利用して、加えた色の変更がWCAG標準に準拠したままであることを確認します。

追加リソース

Discourseのアクセシビリティへの取り組みに関するより包括的な情報については、公式アクセシビリティステートメントを参照してください。

「いいね!」 9

ライトとダークの WCAG カラー スキームは、WCAG 2.2 準拠のために評価または更新されましたか?(新しいガイダンスは、このトピックが投稿された後の 2023 年にリリースされたため。)

「いいね!」 1