@@ -39,7 +39,7 @@ slug: learn/
3939 <script type =" text/p5" data-p5-version =" {{ version }} " >
4040function setup () {
4141 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.' );
4343}
4444
4545function draw () {
@@ -61,7 +61,7 @@ function draw() {
6161 <script type =" text/p5" data-p5-version =" {{ version }} " >
6262function setup () {
6363 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.' );
6565}
6666
6767function draw () {
@@ -103,7 +103,7 @@ function draw() {
103103function setup () {
104104 createCanvas (100 , 100 );
105105 // 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.' );
107107}
108108
109109function draw () {
@@ -114,11 +114,11 @@ function draw() {
114114 textSize (12 );
115115 textStyle (NORMAL );
116116// 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.' );
118118 text (' Hello world!' , 5 , 30 );
119119
120120 // 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.' );
122122 ellipse (67 , 67 , 20 , 20 );
123123 ellipse (83 , 67 , 20 , 20 );
124124 triangle (91 , 73 , 75 , 95 , 59 , 73 );
@@ -149,7 +149,7 @@ function draw() {
149149 ellipse (x, 50 , 40 , 40 );
150150 x = x + 0.1 ;
151151 // 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 );
153153}
154154</script >
155155
@@ -194,7 +194,7 @@ function draw() {
194194 <p >{{ #i18n " accessible-labels-conclusion-3" }} {{ /i18n }} </p >
195195
196196<!-- 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 >
198198
199199 </main >
200200
0 commit comments