@@ -39,7 +39,7 @@ slug: learn/
39
39
<script type =" text/p5" data-p5-version =" {{ version }} " >
40
40
function setup () {
41
41
createCanvas (100 , 100 );
42
- describe (" A blue square in the center of a black canvas." );
42
+ describe (' A blue square in the center of a black canvas.' );
43
43
}
44
44
45
45
function draw () {
@@ -61,7 +61,7 @@ function draw() {
61
61
<script type =" text/p5" data-p5-version =" {{ version }} " >
62
62
function setup () {
63
63
createCanvas (100 , 100 );
64
- describe (" A red heart in the bottom right corner of a white background." );
64
+ describe (' A red heart in the bottom right corner of a white background.' );
65
65
}
66
66
67
67
function draw () {
@@ -103,7 +103,7 @@ function draw() {
103
103
function setup () {
104
104
createCanvas (100 , 100 );
105
105
// Provides an overall description of the canvas.
106
- describe (" Text in the top right corner with red heart in the bottom right corner on a white background." );
106
+ describe (' Text in the top right corner with red heart in the bottom right corner on a white background.' );
107
107
}
108
108
109
109
function draw () {
@@ -114,11 +114,11 @@ function draw() {
114
114
textSize (12 );
115
115
textStyle (NORMAL );
116
116
// Specific label for text.
117
- describeElement (" Text" , " The text ' Hello world!' in the upper left corner of a white canvas." );
117
+ describeElement (' Text' , ' The text " Hello world!" in the upper left corner of a white canvas.' );
118
118
text (' Hello world!' , 5 , 30 );
119
119
120
120
// Specific label for the heart.
121
- describeElement (" Heart" , " A red heart in the bottom right corner." );
121
+ describeElement (' Heart' , ' A red heart in the bottom right corner.' );
122
122
ellipse (67 , 67 , 20 , 20 );
123
123
ellipse (83 , 67 , 20 , 20 );
124
124
triangle (91 , 73 , 75 , 95 , 59 , 73 );
@@ -149,7 +149,7 @@ function draw() {
149
149
ellipse (x, 50 , 40 , 40 );
150
150
x = x + 0.1 ;
151
151
// Label updates with shape’s translation.
152
- describe (` A green circle at x position ${ round (x)} , moving to the right` , LABEL );
152
+ describe (` A green circle at x position ${ round (x)} , moving to the right. ` , LABEL );
153
153
}
154
154
</script >
155
155
@@ -194,7 +194,7 @@ function draw() {
194
194
<p >{{ #i18n " accessible-labels-conclusion-3" }} {{ /i18n }} </p >
195
195
196
196
<!-- this script only needs to get added once even if there are multiple widget instances -->
197
- <script src =" //toolness.github.io/p5.js-widget/p5-widget.js" ></script >
197
+ <script src = " //toolness.github.io/p5.js-widget/p5-widget.js" ></script >
198
198
199
199
</main >
200
200
0 commit comments