Final edits (updating Steps for Labeling)

Author: katlich112358

src/data/en.yml

@@ -508,9 +508,11 @@ learn:
     inputs.
   accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/data/es.yml

@@ -518,11 +518,13 @@ learn:
     means the <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and 
     <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> functions won’t provide any information about these interactive 
     inputs.
-  accessible-labels-steps-for-labeling-step-2-animated-2: >-
+accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/data/hi.yml

@@ -506,11 +506,13 @@ learn:
     means the <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and 
     <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> functions won’t provide any information about these interactive 
     inputs.
-  accessible-labels-steps-for-labeling-step-2-animated-2: >-
+accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/data/it.yml

@@ -519,11 +519,13 @@ learn:
     means the <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and 
     <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> functions won’t provide any information about these interactive 
     inputs.
-  accessible-labels-steps-for-labeling-step-2-animated-2: >-
+accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/data/ko.yml

@@ -450,11 +450,13 @@ learn:
     means the <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and 
     <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> functions won’t provide any information about these interactive 
     inputs.
-  accessible-labels-steps-for-labeling-step-2-animated-2: >-
+accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/data/zh-Hans.yml

@@ -432,11 +432,13 @@ learn:
     means the <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and 
     <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> functions won’t provide any information about these interactive 
     inputs.
-  accessible-labels-steps-for-labeling-step-2-animated-2: >-
+accessible-labels-steps-for-labeling-step-2-animated-2: >-
     If a canvas element is animated and/or interactive, represent its current state or qualities in the label. 
-    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, they will automatically update with the 
-    shape’s new information. If you are using <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s 
-    description:
+    So long as you place the functions within the <a class = "code" href = "https://p5js.org/reference/#/p5/draw">draw()</a> function, 
+    they will automatically update with the shape’s new information (except for <a class = "code" href = "https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
+    and <a class = "code" href = "https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, 
+    which will update even when listed in <a class = "code" href = "https://p5js.org/reference/#/p5/setup">setup()</a>). If you are using 
+    <a class = "code" href = "https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, use template strings to update the element’s description:
   accessible-labels-steps-for-labeling-step-2-do-donts: Labeling do’s and don’ts
   accessible-labels-steps-for-labeling-step-2-do-donts-1: >-
     <i>Don’t</i> use screen reader labels as a way of commenting your code. Labels should only summarize the 

src/templates/pages/learn/accessible-labels.hbs

@@ -102,7 +102,7 @@ function draw() {
       <script type="text/p5" data-p5-version="{{ version }}">
 function setup() {
   createCanvas(100, 100);
-  //Provides an overall description of the canvas.
+  // Provides an overall description of the canvas.
 describe('Text in the top right corner with red heart in the bottom right corner on a white background.');
 }