grammar fixes suggested by nickmcintyre

Author: katlich112358

src/data/en.yml

@@ -358,19 +358,19 @@ learn:
   labeling-canvases-intro-3: functions in your code so your canvases are readible by screen readers and other assistive technology.
   labeling-canvases-what-is-labeling: What is screen reader labeling?
   labeling-canvases-what-is-labeling-1: >-
-    The canvas HTML element compresses the visuals created by your p5 code into a bitmap. This 
+    The canvas HTML element compresses the visuals created by your p5 code into a bitmap (a rastered graphic composed of pixels). This 
     bitmap on its own doesn't provide any significant meaning or description about its contents to 
     screen readers. That’s why the p5.js <a class = "code" href="https://p5js.org/reference/#/p5/describe">describe()</a>, 
     <a class = "code" href="https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, <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 exist-- these allow you to manually add screen reader-accessible descriptions to your 
+    functions exist— these allow you to manually add screen reader-accessible descriptions to your 
     code so that screen reader technologies can describe the canvas’ content in a meaningful way.
   labeling-canvases-what-is-labeling-2: >-
     Because a screen reader cannot naturally interpret the contents of a canvas bitmap, these functions 
     add labels into your code that instruct the screen reader on how to describe certain elements
     within your canvas.
   labeling-canvases-what-is-labeling-3: >-
-    For more further information about p5.js screen reader accessibility, please read 
+    For more information about p5.js screen reader accessibility, please read 
   labeling-canvases-available-labels: Screen reader labels for p5.js
   labeling-canvases-available-labels-1: p5.js offers four different functions for labeling your canvas
   labeling-canvases-available-labels-li-1: >-
@@ -381,7 +381,7 @@ learn:
     This function's parameters include: <span class = "code">name</span>, which affords a string naming the element described; <span class = "code">text</span>, which affords a string of text as the label description; 
     and <span class="code">display</span>, an optional parameter to set the visibility of the label.
   labeling-canvases-available-labels-li-3: >-
-    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> generates a list providing a canvas description and its (visual) elements, including the canvas' size, 
+    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> generates a list providing a canvas description and its visual elements, including the canvas' size, 
     canvas color, as well as each visual element’s color, position, and the amount of area the element covers within the canvas. This function's only parameter is <span class = "code">display</span>, which is an optional 
     parameter to set the visibility of the label.
   labeling-canvases-available-labels-li-4: >-
@@ -426,10 +426,10 @@ learn:
     For canvases without any changing, moving, or interactive elements, you may use either the <a class = "code" href="https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, 
     <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, or <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
     functions to label the canvas’ visual content. However, keep in mind that <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> generate their information based on 
-    the rudimentary code of the visual element, such as its size, color, and shape-- these functions won’t be able to interpret your 
+    the rudimentary code of the visual element, such as its size, color, and shape. These functions won’t be able to interpret your 
     intention in using such a shape within a larger visual built using multiple shapes.
   labeling-canvases-best-practices-using-labels-simple-2: >-
-    Keep in mind the context and objective of the canvas’ contents when choosing which function(s) to use: Is it better to describe the flower 
+    Keep in mind the context and objective of the canvas’ contents when choosing which function(s) to use. Is it better to describe the flower 
     as eight circles and a rectangle, or as a flower with red petals and a green stem? What kind of labeling will provide the best 
     description of your canvas?
   labeling-canvases-best-practices-using-labels-simple-3: >-
@@ -439,7 +439,7 @@ learn:
   labeling-canvases-best-practices-using-labels-interactive-1: >-
     If your canvas contains any animated elements or elements that change their visual form via user input (the click of a button, a 
     dropdown selection, etc.), be sure that any descriptions of such elements update with their changes or animations. If you are using 
-    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> or <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> to describe the contents of your canvas, so long as these functions are placed within the draw() function, they 
+    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> or <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> to describe the contents of your canvas, so long as these functions are placed 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 concatenation or another form of 
     variable input to update the element’s description.
   labeling-canvases-best-practices-using-labels-interactive-2: >-
@@ -488,7 +488,7 @@ learn:
   labeling-canvases-testing-labels-3: >-
     In order to reduce redundancy, be sure to reset the display parameter to <span class="code">FALLBACK</span> once you’ve tested the output. With <span class="code">LABEL</span> active, screen readers will read the fallback text 
     and the visible label text when focused on the canvas.
-  labeling-canvases-note: Notice any errors or typos? Please let us know. If you would like to contribute to this tutorial, feel free to issue a pull request!
+  labeling-canvases-note: Notice any errors or typos? Please let us know. If you would like to contribute to this tutorial, feel free to issue a <a href = "https://github.com/processing/p5.js-website">pull request</a>!
   using-local-server: 'How to set up a local server on Mac OSX, Windows, or Linux.'
   p5js-wiki-title: p5.js wiki
   p5js-wiki: Additonal documentation and tutorials contributed by the community

src/data/es.yml

@@ -370,19 +370,19 @@ learn:
   labeling-canvases-intro-3: functions in your code so your canvases are readible by screen readers and other assistive technology.
   labeling-canvases-what-is-labeling: What is screen reader labeling?
   labeling-canvases-what-is-labeling-1: >-
-    The canvas HTML element compresses the visuals created by your p5 code into a bitmap. This 
+    The canvas HTML element compresses the visuals created by your p5 code into a bitmap (a rastered graphic composed of pixels). This 
     bitmap on its own doesn't provide any significant meaning or description about its contents to 
     screen readers. That’s why the p5.js <a class = "code" href="https://p5js.org/reference/#/p5/describe">describe()</a>, 
     <a class = "code" href="https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, <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 exist-- these allow you to manually add screen reader-accessible descriptions to your 
+    functions exist— these allow you to manually add screen reader-accessible descriptions to your 
     code so that screen reader technologies can describe the canvas’ content in a meaningful way.
   labeling-canvases-what-is-labeling-2: >-
     Because a screen reader cannot naturally interpret the contents of a canvas bitmap, these functions 
     add labels into your code that instruct the screen reader on how to describe certain elements
     within your canvas.
   labeling-canvases-what-is-labeling-3: >-
-    For more further information about p5.js screen reader accessibility, please read 
+    For more information about p5.js screen reader accessibility, please read 
   labeling-canvases-available-labels: Screen reader labels for p5.js
   labeling-canvases-available-labels-1: p5.js offers four different functions for labeling your canvas
   labeling-canvases-available-labels-li-1: >-
@@ -393,7 +393,7 @@ learn:
     This function's parameters include: <span class = "code">name</span>, which affords a string naming the element described; <span class = "code">text</span>, which affords a string of text as the label description; 
     and <span class="code">display</span>, an optional parameter to set the visibility of the label.
   labeling-canvases-available-labels-li-3: >-
-    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> generates a list providing a canvas description and its (visual) elements, including the canvas' size, 
+    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> generates a list providing a canvas description and its visual elements, including the canvas' size, 
     canvas color, as well as each visual element’s color, position, and the amount of area the element covers within the canvas. This function's only parameter is <span class = "code">display</span>, which is an optional 
     parameter to set the visibility of the label.
   labeling-canvases-available-labels-li-4: >-
@@ -437,11 +437,11 @@ learn:
   labeling-canvases-best-practices-using-labels-simple-1: >-
     For canvases without any changing, moving, or interactive elements, you may use either the <a class = "code" href="https://p5js.org/reference/#/p5/describeElement">describeElement()</a>, 
     <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a>, or <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> 
-    functions to label the canvas’ visual content. However, keep in mind that <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> and textOutput() generate their information based on 
-    the rudimentary code of the visual element, such as its size, color, and shape-- these functions won’t be able to interpret your 
+    functions to label the canvas’ visual content. However, keep in mind that <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> generate their information based on 
+    the rudimentary code of the visual element, such as its size, color, and shape. These functions won’t be able to interpret your 
     intention in using such a shape within a larger visual built using multiple shapes.
   labeling-canvases-best-practices-using-labels-simple-2: >-
-    Keep in mind the context and objective of the canvas’ contents when choosing which function(s) to use: Is it better to describe the flower 
+    Keep in mind the context and objective of the canvas’ contents when choosing which function(s) to use. Is it better to describe the flower 
     as eight circles and a rectangle, or as a flower with red petals and a green stem? What kind of labeling will provide the best 
     description of your canvas?
   labeling-canvases-best-practices-using-labels-simple-3: >-
@@ -451,7 +451,7 @@ learn:
   labeling-canvases-best-practices-using-labels-interactive-1: >-
     If your canvas contains any animated elements or elements that change their visual form via user input (the click of a button, a 
     dropdown selection, etc.), be sure that any descriptions of such elements update with their changes or animations. If you are using 
-    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> or <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> to describe the contents of your canvas, so long as these functions are placed within the draw() function, they 
+    <a class = "code" href="https://p5js.org/reference/#/p5/textOutput">textOutput()</a> or <a class = "code" href="https://p5js.org/reference/#/p5/gridOutput">gridOutput()</a> to describe the contents of your canvas, so long as these functions are placed 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 concatenation or another form of 
     variable input to update the element’s description.
   labeling-canvases-best-practices-using-labels-interactive-2: >-
@@ -500,7 +500,7 @@ learn:
   labeling-canvases-testing-labels-3: >-
     In order to reduce redundancy, be sure to reset the display parameter to <span class="code">FALLBACK</span> once you’ve tested the output. With <span class="code">LABEL</span> active, screen readers will read the fallback text 
     and the visible label text when focused on the canvas.
-  labeling-canvases-note: Notice any errors or typos? Please let us know. If you would like to contribute to this tutorial, feel free to issue a pull request!
+  labeling-canvases-note: Notice any errors or typos? Please let us know. If you would like to contribute to this tutorial, feel free to issue a <a href = "https://github.com/processing/p5.js-website">pull request</a>!
   using-local-server-title: Usando un servidor local
   using-local-server: 'Cómo configurar un servidor local en Mac OS X, Windows o Linux.'
   p5js-wiki-title: p5.js wiki