Skip to content

Commit f646d98

Browse files
committed
Update accessibility references
1 parent 90fdd8b commit f646d98

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

src/accessibility/describe.js

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const labelTableId = '_labelTable'; //Label Table
1616
const labelTableElId = '_lte_'; //Label Table Element
1717

1818
/**
19-
* Creates a screen reader-accessible description for the canvas.
19+
* Creates a screen reader-accessible description of the canvas.
2020
*
2121
* The first parameter, `text`, is the description of the canvas.
2222
*
@@ -28,8 +28,8 @@ const labelTableElId = '_lte_'; //Label Table Element
2828
* visible to screen readers. This is the default mode.
2929
*
3030
* Read
31-
* <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
32-
* learn more about making sketches accessible.
31+
* <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a>
32+
* to learn more about making sketches accessible.
3333
*
3434
* @method describe
3535
* @param {String} text description of the canvas.
@@ -160,8 +160,10 @@ p5.prototype.describe = function(text, display) {
160160
};
161161

162162
/**
163-
* Creates a screen reader-accessible description for elements in the canvas.
164-
* Elements are shapes or groups of shapes that create meaning together.
163+
* Creates a screen reader-accessible description of elements in the canvas.
164+
*
165+
* Elements are shapes or groups of shapes that create meaning together. For
166+
* example, a few overlapping circles could make an "eye" element.
165167
*
166168
* The first parameter, `name`, is the name of the element.
167169
*
@@ -177,8 +179,8 @@ p5.prototype.describe = function(text, display) {
177179
* mode.
178180
*
179181
* Read
180-
* <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
181-
* learn more about making sketches accessible.
182+
* <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a>
183+
* to learn more about making sketches accessible.
182184
*
183185
* @method describeElement
184186
* @param {String} name name of the element.

src/accessibility/outputs.js

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,11 @@
88
import p5 from '../core/main';
99

1010
/**
11-
* Creates a screen reader-accessible description for shapes on the canvas.
12-
* `textOutput()` adds a general description, list of shapes, and
13-
* table of shapes to the web page.
11+
* Creates a screen reader-accessible description of shapes on the canvas.
1412
*
15-
* The general description includes the canvas size, canvas color, and number
16-
* of shapes. For example,
13+
* `textOutput()` adds a general description, list of shapes, and
14+
* table of shapes to the web page. The general description includes the
15+
* canvas size, canvas color, and number of shapes. For example,
1716
* `Your output is a, 100 by 100 pixels, gray canvas containing the following 2 shapes:`.
1817
*
1918
* A list of shapes follows the general description. The list describes the
@@ -35,8 +34,8 @@ import p5 from '../core/main';
3534
* mode.
3635
*
3736
* Read
38-
* <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
39-
* learn more about making sketches accessible.
37+
* <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a>
38+
* to learn more about making sketches accessible.
4039
*
4140
* @method textOutput
4241
* @param {Constant} [display] either FALLBACK or LABEL.
@@ -143,12 +142,11 @@ p5.prototype.textOutput = function(display) {
143142
};
144143

145144
/**
146-
* Creates a screen reader-accessible description for shapes on the canvas.
147-
* `gridOutput()` adds a general description, table of shapes, and list of
148-
* shapes to the web page.
145+
* Creates a screen reader-accessible description of shapes on the canvas.
149146
*
150-
* The general description includes the canvas size, canvas color, and number of
151-
* shapes. For example,
147+
* `gridOutput()` adds a general description, table of shapes, and list of
148+
* shapes to the web page. The general description includes the canvas size,
149+
* canvas color, and number of shapes. For example,
152150
* `gray canvas, 100 by 100 pixels, contains 2 shapes: 1 circle 1 square`.
153151
*
154152
* `gridOutput()` uses its table of shapes as a grid. Each shape in the grid
@@ -171,8 +169,8 @@ p5.prototype.textOutput = function(display) {
171169
* mode.
172170
*
173171
* Read
174-
* <a href="/learn/labeling-canvases.html">How to label your p5.js code</a> to
175-
* learn more about making sketches accessible.
172+
* <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a>
173+
* to learn more about making sketches accessible.
176174
*
177175
* @method gridOutput
178176
* @param {Constant} [display] either FALLBACK or LABEL.

0 commit comments

Comments
 (0)