アクセシビリティ

アクセシビリティ

概要

このプラットフォームはアクセシビリティを向上させるために継続的に改善されており、障害のある学生を含むすべての学生がアクセスして楽しく使用できるようになります。

サポートされているスクリーンリーダーとブラウザの組み合わせ

コードは次のスクリーン リーダーとブラウザーの組み合わせを使用してテストされています。

ARIAランドマーク地域

ナビゲーション、検索、メイン、補足、コンテンツ情報などのランドマーク領域は、領域を介したナビゲーションを容易にするためにプラットフォーム全体で使用されます。

コンテンツにスキップ

各ページの先頭には「コンテンツにスキップ」リンクが用意されており、これを選択するとユーザーはメイン コンテンツ領域にスキップします。


キーボードショートカット

  • 展開されたナビゲーション領域またはダイアログ ウィンドウ内でEsc キーを押すと、展開された領域が閉じられ、その領域を開いたリンクに戻ります。
  • フォーム内では、 Tab キーまたはShift + Tab キーを押して、フォーム コントロール間を前方または後方に移動します。
  • キーボードを使用して HTML エディターのメニュー バーにアクセスするには:
    • Windows ユーザー:
      • Tabキーを押してメッセージセクションに移動します。メニューバーにフォーカスするには、 Alt + F9キーを押します。
      • 矢印キーで移動し、 Enter キーまたはReturnキーでメニューを開きます。
      • メニュー行間を移動するには、 Tabキーを使用します。
      • Esc キーを使用してエディターを閉じます。
    • Macユーザー:
      • メッセージセクションへタブ移動します。メニューバーにフォーカスするには、 Option + F9またはOption + fn + F9を押します。
      • 矢印キーで移動し、 Returnキーでメニューを開きます。
      • メニュー行間を移動するには、 Tabキーを使用します。
      • Escキーを使用してエディターを閉じます。

高コントラストテーマ

このプラットフォームは、WCAG 2.2のコントラスト要件に準拠した高コントラストテーマを提供し、ユーザビリティを向上させています。管理者は以下の方法で高コントラスト設定を有効化できます。
  1. メインナビゲーション メニューから[管理]をクリックします。
  2. フライアウト メニューから[ポータル]をクリックします。
  3. 「アクセシビリティ」タブをクリックします。3つのアクセシビリティ設定が利用可能です。
    1. 訪問者ポータルのアクセス可能なカルーセルを使用する - 再生および一時停止のオプションを追加します: この設定により、ポータル カルーセルに再生ボタンと一時停止ボタンが追加されます。
    2. ハイコントラストテーマを使用する：この設定により、すべてのユーザーに対してハイコントラストテーマが有効になり、リンク、チェックボックス、ボタンなど多くの要素のコントラストが向上します。この設定を有効にすると、個々のユーザー設定が上書きされ、すべてのユーザーがハイコントラストテーマを強制的に使用することになるため、ご注意ください。
    3. ユーザーがハイコントラストのアクセシビリティテーマを有効にできるようにする：この設定により、ユーザーはハイコントラストのアクセシビリティテーマを個別に有効または無効にすることができます。このオプションにより、ユーザーは自分に最適なアクセシビリティ設定を決定できます。


「ユーザーがハイコントラストのアクセシビリティテーマを有効にできるようにする」設定を有効にすると、ユーザーはハイコントラストテーマを有効または無効にすることができます。ハイコントラスト設定を有効にするには、ユーザーは以下の手順を実行します。
  1. プロフィール写真をクリックします。
  2. ドロップダウン メニューで[ハイ コントラストを有効にする]をクリックします。
    1. ユーザーがハイコントラスト テーマを無効にしたい場合は、ドロップダウン メニューで[ハイコントラストを無効にする]をクリックします。
ユーザーに対して高コントラストのアクセシビリティ テーマが有効になり、リンク、チェックボックス、ボタンなどの要素に追加のコントラストが追加されます。


特定の機能内でのアクセシビリティ

プラットフォーム内の次の領域は、アクセシビリティのために特に改善されています。

HTMLエディタの代替テキスト

画像を追加するときに、ユーザーは各画像に代替テキストを追加できます。
  1. HTMLエディタで、 画像アップロードアイコン画像をアップロードするアイコン。
  2. アップロードする画像を選択します。
  3. 画像の説明フィールドに代替テキストを追加します。
  4. ［保存］をクリックします。


カレンダー

カレンダーは、すべてのイベントをリスト形式で表示するアジェンダビューをサポートしています。アジェンダビューにアクセスするには、以下の手順に従ってください。
  1. カレンダー ウィジェットの完全なカレンダーをクリックします。
  2. [議題]をクリックします。
予定表ボタンがハイライト表示されたカレンダーページ