textOutput()

キャンバス上の図形のスクリーンリーダーでアクセス可能な説明を作成します。

textOutput()は、一般的な説明、図形のリスト、および 図形の表をウェブページに追加します。一般的な説明には、 キャンバスのサイズ、キャンバスの色、図形の数が含まれます。例えば、 出力は、100 x 100ピクセルの、グレーのキャンバスで、以下の2つの図形を含んでいます：。

図形のリストが一般的な説明に続きます。リストは各図形の 色、位置、面積を説明します。例えば、 キャンバスの3%を占める中央の赤い円。各図形を 選択してさらに詳細を得ることができます。

textOutput()は図形の表をリストとして使用します。表は 図形、色、位置、座標、面積を説明します。例えば、 赤い円 位置 = 中央 面積 = 3%。これは gridOutput()とは異なり、gridOutputは表をグリッドとして使用します。

displayパラメータはオプションです。これは説明の 表示方法を決定します。LABELが渡された場合、例えばtextOutput(LABEL)のように、 説明はキャンバスの隣のdiv要素に表示されます。LABELを使用すると スクリーンリーダーにとって役に立たない重複が作成されます。LABELは開発中にのみ 使用してください。FALLBACKが渡された場合、例えばtextOutput(FALLBACK)のように、 説明はスクリーンリーダーにのみ表示されます。これがデフォルトの モードです。

アクセシブルなキャンバスの説明を書く を読んで、スケッチをアクセシブルにする方法についてさらに学んでください。