アクセシビリティ準拠状況

準拠の表明

WCAG 2.1 レベル AA に一部準拠しています。自動テストで111種類の画面状態を検査した結果、検出された違反は0件です。また、53件の操作テストで、キーボードだけを使って製品を操作しています。スクリーンリーダー利用者によるテストはまだ実施しておらず、既知の課題も残っています。

テストの方法

自動テスト

WCAG 2.1 のレベル A および AA のルールを用いた自動チェッカーで、111種類の画面状態を検査しています。対象は、ダイアログや開いたパネルを含むアプリの全ページ、AIアシスタントのパネル、教卓画面、プロジェクター、学生用ページの各状態、このサイトの全ページです。教員向けの主要なページは、ライトテーマとダークテーマの両方で検査しています。検査した問題には文中の数式、画像、数式、コード、図、グラフ、分子が含まれ、教室で表示されるとおりに描画されています。現在の結果：違反0件。

描画

チェッカーは描画の内部のコントラストを測定しないため、検査した画面上の図、グラフ、分子はそれぞれ、両方のテーマで背景に対するコントラストを測定しています。

キーボード（操作テスト）

製品を検査するのではなく、実際に操作するチェックを53件実行しています。各種類の問題について、問題が表示されるとフォーカスがその問題に移動すること、学生がTabで選択肢に移動し、Spaceまたは矢印キーで選び、自信の度合いを答え、Enterで回答を送信できることを確認しています。教卓画面では、矢印キーで問題を移動できること、プロジェクターのウィンドウからはPage Downで移動できること、数式の中で矢印キーを押してもルームはその問題にとどまること、「画面を消す」と「結果を表示」にTabで移動してEnterで押せること、すべてのTabの移動先に名前があることを確認しています。AIアシスタントはCtrl+/で開き、Enterで送信します。現在の結果：失敗0件。

ページ

すべての画面に固有のタイトルがあり、このサイトのすべてのページはサインインせずに開けます。

ステージ

プロジェクター、教卓画面、開いているルームでは、ウィンドウの端からはみ出す内容があってはなりません。教卓に立つ人はスクロールできないためです。

レイアウト（測定）

幅320ピクセルのウィンドウと、スマートフォンのサイズで横向きにしたウィンドウに画面が収まるか、1.4.12 で定める広いテキストの間隔でテキストが失われないかを確かめるチェックを99件実行しています。対象は、このサイトのすべてのページ、アプリの主要なページ、問題の種類ごとの学生のページです。現在の結果：失敗0件。

手動での確認

見出しがそのセクションを説明しているか、エラーが対処方法を伝えているかなど、判断が必要な達成基準。以下では「設計で対応」と表示しています。

未実施

スクリーンリーダー利用者によるテスト。

この監査は、このサイトとアプリのデプロイのたびに事前に実行され、失敗するとデプロイは中止されます。監査の報告書は、ご請求に応じて提供します。

各操作の仕組み

問題

新しい問題が表示されるとフォーカスがその問題に移動するため、スクリーンリーダーが読み上げます。選択肢はラジオボタンのグループで、Tabの移動先は1つ、矢印キーで選択肢の間を移動します。当てはまる回答をすべて選ぶ問題ではチェックボックスを使用し、それぞれがTabの移動先になります。選んだ選択肢は、色に加えて枠線が太くなります。正解のない問題も同じ操作です。スライダーはありません。

どのくらい自信がありますか

「勘」「自信なし」「自信あり」からなる独立したラジオボタンのグループで、独自のTabの移動先があります。選んだ度合いは、選んだ選択肢と同じく枠線が太くなります。

教卓画面

キーボードまたはプレゼンテーション用のリモコンで操作します。→、↓、Page Downで次の問題へ進み、←、↑、Page Upで戻ります。プロジェクターのウィンドウで押した場合も同じです。教卓画面では、問題の数式やコードの中にフォーカスがある間は、これらのキーでルームが移動することはなく、矢印キーでその内容をスクロールします。「画面を消す」「結果を表示」をはじめ、すべての操作にはTabで移動できます。

数式、コード、図、グラフ、分子

数式には、スクリーンリーダーが読み上げるMathMLも含まれます。すべての図、グラフ、分子には、ソースから作成された説明が付いており、教員が編集できます。画像は説明がないと保存できません。コードはテキストのままです。端末で描画できないブロックは、空白ではなく、ソースと説明を表示します。

並べ替え

講義の問題は、各問題のメニューにある「上へ移動」と「下へ移動」で並べ替えます。講義は、シラバス上でマウスでドラッグして並べ替えられます。シラバスの見出しの横にある「講義を並べ替え」では、キーボードやタッチ操作で「上へ移動」と「下へ移動」を使って同じことができます。

ダイアログ

フォーカスはダイアログ内にとどまり、Escapeで閉じると、ダイアログを開いた要素にフォーカスが戻ります。

評価した達成基準

WCAG 2.1 のレベル A および AA の達成基準は全部で50項目あり、ここではそのすべてを記載しています。「検証済み」は、自動テストまたは操作テストが実行のたびに確認していることを意味します。「設計で対応」は、その基準を満たすように作り、人の目で確認したことを意味します。「一部対応」は、その基準の一部をまだ満たしていないことを意味し、どの部分かはその行に記載しています。「該当なし」は、その基準がTapsityに何も求めていないことを意味します。

1.1.1 非テキストコンテンツ

検証済み。意味を持つアイコンにはテキストがあり、装飾的なアイコンはスクリーンリーダーから隠されています。

1.2.1 音声のみ及び映像のみ (収録済)

該当なし。Tapsityは音声も映像も再生せず、問題に音声や映像を含めることもできません。

1.2.2 キャプション (収録済)

該当なし。Tapsityには映像がありません。

1.2.3 音声解説、又はメディアに対する代替 (収録済)

該当なし。Tapsityには映像がありません。

1.2.4 キャプション (ライブ)

該当なし。Tapsityはライブの音声を扱いません。講義そのものは教室で行われます。

1.2.5 音声解説 (収録済)

該当なし。Tapsityには映像がありません。

1.3.1 情報及び関係性

検証済み。ランドマーク、見出し、リスト、選択肢のグループとそのラベル（legend）は、実際の要素で構成されています。

1.3.2 意味のあるシーケンス

設計で対応。各ページは表示されている順序で読み取られ、レイアウトが1列にまとまってもその順序は変わりません。

1.3.3 感覚的な特徴

設計で対応。形、色、位置、音に依存する指示はありません。操作部品は、その部品に表示されている言葉で示しています。

1.3.4 表示の向き

検証済み。表示の向きが1つに固定されているページはなく、測定したページは横向きにしても機能します。

1.3.5 入力目的の特定

設計で対応。メールアドレスを尋ねる2つの入力欄は、そのことをブラウザに伝えるため、ブラウザが入力を補完できます。ほかに、利用者自身について尋ねる入力欄はありません。

1.4.1 色の使用

設計で対応。正解には、バッジ、チェックマーク、「正解」という語で印が付きます。学生用ページで選んだものは、色に加えて枠線が太くなります。

1.4.2 音声の制御

該当なし。Tapsityには、音を再生するものはありません。

1.4.3 コントラスト (最低限)

検証済み。検査したすべての画面で、テキストのコントラスト比は4.5:1以上、大きな文字は3:1以上です。

1.4.4 テキストのサイズ変更

一部対応。すべてのページのテキストは、ブラウザのズームで200%まで拡大され、ページは収まるように再配置されます。プロジェクターは表示する画面に合わせて文字の大きさを決めるため、プロジェクターではズームしても文字は大きくなりません。学生はそれぞれ、同じ問題を自分の端末で、自分で選んだ大きさで読みます。

1.4.5 文字画像

設計で対応。Tapsity自体の文言はテキストであり、数式、コード、図、グラフ、分子は、画像として表示するのではなく、ソースから描画しています。教員が追加した画像は教員のものであり、教員が書いた説明が付きます。

1.4.10 リフロー

検証済み。測定したページは、横スクロールなしで幅320ピクセルのウィンドウに収まり、それより幅の広いコードは、そのコード自体の枠の中でスクロールします。プロジェクターは、二次元で読むレイアウトに認められているとおり、表示する画面の形を保ちます。

1.4.11 非テキストのコントラスト

設計で対応。操作部品の境界、フォーカスの輪郭線、図、グラフ、分子の色は3:1以上で描画され、描画は測定されています。

1.4.12 テキストの間隔

検証済み。この達成基準が定める広さの行間、文字間隔、単語間隔、段落間隔にしても、測定したページでテキストが切れることはありません。収まるように省略記号で短く表示しているテキストは、別の場所で省略せずに表示されます。講義の名前はその講義のページに、レポートの概要にある問題は同じレポートの下のほうに表示されます。

1.4.13 ホバー又はフォーカスで表示されるコンテンツ

検証済み。ホバーまたはフォーカスで表示される言葉は、ポインタがその上にある間は表示されたままで、Escapeで閉じます。操作テストで、シラバス上のこの動作を確認しています。

2.1.1 キーボード

検証済み。すべての種類の問題にキーボードだけで回答でき、教卓画面もキーボードで操作できます。

2.1.2 キーボードトラップなし

設計で対応。ダイアログはEscapeで閉じ、ダイアログを開いた要素にフォーカスが戻ります。

2.1.4 文字キーのショートカット

設計で対応。文字キー単独のショートカットはありません。教卓画面では矢印キーとPage Up、Page Downを使用し、AIアシスタントはCtrl+/（Macでは⌘/）で開きます。

2.2.1 タイミング調整可能

一部対応。問題の回答受付は、教員が続ける限り続きます。これはライブの活動そのものです。また、3時間操作のないルームは閉じられ、その結果は保持されます。まだ満たしていない点：サインインは警告なしに12時間で終了します。また、講義から問題を外した後に「元に戻す」を使えるのは10秒間です。その問題は問題バンクに残り、そこから再度追加できます。

2.2.2 一時停止、停止、非表示

設計で対応。繰り返し動くアニメーションはありません。問題の回答受付中はライブの数値が変化しますが、これは活動そのものです。動きを減らす設定が有効な場合、トランジションは省略されます。

2.3.1 3 回の閃光、又は閾値以下

設計で対応。どのページにも、点滅するものはありません。

2.4.1 ブロックスキップ

検証済み。すべてのページにmainランドマークがあります。

2.4.2 ページタイトル

検証済み。すべての画面に固有のタイトルが設定されています。

2.4.3 フォーカス順序

検証済み。フォーカスは読む順序に従います。選択肢の各グループは1つのTabの移動先です。ページが開くとフォーカスはその見出しに移動しますが、ページを開いたリンクにフォーカスがまだある場合は、そのリンクがページを読み上げます。操作テストで両方を確認しています。

2.4.4 リンクの目的 (コンテキスト内)

検証済み。すべてのリンクには名前があり、チェッカーでこれを確認しています。また、各リンクは、単独で、または周囲の文とあわせて、リンク先を示しています。

2.4.5 複数の手段

設計で対応。このサイトのページには、フッターに加えて、メニューまたは「ポリシー」のページからリンクしています。アプリでは、各ページへはシラバスまたは「今日」から移動でき、そのページを一覧に載せているページからも移動できます。

2.4.6 見出し及びラベル

設計で対応。見出しはそのセクションの内容を示し、ラベルはその入力欄が何を求めているかを示します。

2.4.7 フォーカスの可視化

設計で対応。すべての操作部品にフォーカスの輪郭線が表示されます。

2.5.1 ポインタのジェスチャ

設計で対応。経路を描く操作や2本指での操作が必要なものはありません。講義はマウスでドラッグして並べ替えられ、「講義を並べ替え」では、シングルタップまたはキーボードで同じことができます。

2.5.2 ポインタのキャンセル

設計で対応。すべての操作部品は、ポインタを押したときではなく、離したときに動作します。

2.5.3 ラベルを含む名前 (name)

設計で対応。操作部品の名前には、その部品に表示されている言葉が含まれます。カードは1行目の文言を名前とし、レポートにある問題の縮小画像は、ホバーまたはフォーカスで名前を表示します。

2.5.4 動きによる起動

該当なし。端末を動かしたり傾けたりする操作に反応するものはありません。

3.1.1 ページの言語

検証済み。すべてのページは、選択された言語に従って自らの言語を示しており、チェッカーでこれを確認しています。

3.1.2 一部分の言語

設計で対応。問題と選択肢には、作成された言語が示されています。そのため、別の言語に設定された端末でも、スクリーンリーダーはその言語で読み上げます。

3.2.1 フォーカス時

設計で対応。操作部品にフォーカスを移動しても、ページが開いたり、何かが送信されたり、フォーカスが先へ移動したりすることはありません。

3.2.2 入力時

設計で対応。選択肢を選んだり文字を入力したりしても、ページが開いたり、何かが送信されたりすることはありません。学生の回答は、「回答を送信」を押したときにだけ送信されます。

3.2.3 一貫したナビゲーション

設計で対応。アプリのシラバスと、このサイトのメニューおよびフッターは、どのページでも同じ位置に同じ順序で表示されます。

3.2.4 一貫した識別性

設計で対応。同じ働きをする操作部品は、どこでも同じ名前です。

3.3.1 エラーの特定

設計で対応。エラーは何が起きたかを言葉で伝え、読み上げられ、該当する入力欄がある場合はその欄に関連付けられます。

3.3.2 ラベル又は説明

検証済み。すべての入力欄にラベルがあります。

3.3.3 エラー修正の提案

設計で対応。修正方法があるエラーは、その方法を伝えます。保存できない問題については、変更が必要な点を一覧で示します。

3.3.4 エラー回避 (法的、金融、データ)

設計で対応。購入内容は、支払いの前にPaddleの決済画面で確認します。アカウントを削除する際は事前に確認を求め、アカウントが消去される前に再度サインインすると、削除は取り消されます。問題と講義は削除ではなくアーカイブされ、学生は回答を選んでから送信します。

4.1.1 構文解析

該当なし。W3Cが2023年に行ったWCAG 2.1 の修正により、この達成基準はHTMLでは常に満たされるものとされています。

4.1.2 名前 (name) ・役割 (role) 及び値 (value)

検証済み。すべての操作部品に名前があり、選択されているかどうかを伝えます。

4.1.3 ステータスメッセージ

設計で対応。教卓画面と学生用ページの接続状態、AIアシスタントの進行状況とエラーは、ライブリージョンを通じて読み上げられます。

既知の課題

支援技術の利用者によるテストが未実施

NVDA、JAWS、VoiceOverを使用している状態で、Tapsityを使って講義を行った人はまだいません。これは、この表明における最大の課題です。

一部のみ満たしている達成基準

1.4.4 テキストのサイズ変更、2.2.1 タイミング調整可能。満たしていない点は「評価した達成基準」に記載しています。

ホットスポット問題

画像の領域をタップして答える問題は、アクセシブルな設計がないまま提供するのではなく、削除しました。問題に画像を表示することは引き続きでき、回答は常に選択肢から選びます。

不具合の報告

Tapsityのいずれかの部分が利用できない場合は、使用している画面と支援技術を添えて、support@tapsity.comまでご連絡ください。アクセシビリティの不具合は製品の不具合として扱い、学生が問題に回答できない状態は障害として扱います。