Update links to point to tutorial page

The old link is broken and this seems like the proper one. Addresses processing#527

src/content/reference/en/p5/describe.mdx

@@ -26,7 +26,7 @@ description: >
 
   <p>Read
 
-  <a href="/learn/accessible-labels.html">Writing accessible canvas
+  <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas
   descriptions</a>
 
   to learn more about making sketches accessible.</p>

src/content/reference/en/p5/describeElement.mdx

@@ -38,7 +38,7 @@ description: >
 
   <p>Read
 
-  <a href="/learn/accessible-labels.html">Writing accessible canvas
+  <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas
   descriptions</a>
 
   to learn more about making sketches accessible.</p>

src/content/reference/en/p5/gridOutput.mdx

@@ -57,7 +57,7 @@ description: >
 
   <p>Read
 
-  <a href="/learn/accessible-labels.html">Writing accessible canvas
+  <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas
   descriptions</a>
 
   to learn more about making sketches accessible.</p>

src/content/reference/en/p5/textOutput.mdx

@@ -54,7 +54,7 @@ description: >
 
   <p>Read
 
-  <a href="/learn/accessible-labels.html">Writing accessible canvas
+  <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas
   descriptions</a>
 
   to learn more about making sketches accessible.</p>

src/content/reference/es/p5/describe.mdx

@@ -6,7 +6,7 @@ file: src/accessibility/describe.js
 description: >
   <p><code>describe()</code> genera una descripción del lienzo, la cual es accesible para lectores de pantalla y otras tecnologías de asistencia. <code>describe()</code> cuenta con dos parámetros.</p>   <p>El primer parámetro, <code>text</code>, cumple la función de describir lo que se puede observar en el lienzo.</p> <p>El segundo parámetro, <code>display</code> es opcional y determina de qué manera se va a mostrar la descripción. </p> 
   <p>Si  <code>LABEL</code> se pasa como argumento, por ejemplo: <code>describe('Descripción del lienzo.', LABEL)</code>, la descripción será visible en un elemento ‘div’ al lado del lienzo. Por otro lado, si <code>FALLBACK</code> se pasa como argumento, por ejemplo: <code> describe(' Descripción del lienzo.', FALLBACK)</code>, la descripción será visible solo para los lectores de pantalla. Este es el modo predeterminado.</p>
-  <p>Lee ‘<a href=" /learn/accessible-labels.html "> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
+  <p>Lee ‘<a href="/tutorials/writing-accessible-canvas-descriptions/"> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
 line: 18
 isConstructor: false
 itemtype: method

src/content/reference/es/p5/describeElement.mdx

@@ -11,7 +11,7 @@ description: >
   <p>El segundo parámetro, <code>text</code>, es la descripción del elemento.</p>
   <p>
   El tercer parámetro, <code>display</code>, es opcional y determina de qué manera se va a mostrar la descripción.  Si  <code>LABEL</code> se pasa como argumento, por ejemplo: <code>describe('Descripción del lienzo.', LABEL)</code>, la descripción será visible en un elemento ‘div’ al lado del lienzo. Sin embargo, el uso de <code>LABEL</code> crea mensajes duplicados que son ineficientes para los usuarios de lectores de pantalla, por lo que recomendamos utilizar únicamente <code>LABEL</code> durante la fase de desarrollo. Por otro lado, si <code>FALLBACK</code> se pasa como argumento, por ejemplo: <code>describe('Descripción del lienzo.', FALLBACK)</code>, la descripción será visible solo para los lectores de pantalla. Este es el modo predeterminado.</p>
-  <p>Lee ‘<a href=" /learn/accessible-labels.html "> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
+  <p>Lee ‘<a href="/tutorials/writing-accessible-canvas-descriptions/"> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
 line: 162
 isConstructor: false
 itemtype: method

src/content/reference/es/p5/gridOutput.mdx

@@ -9,7 +9,7 @@ description: >
   <p> La descripción es seguida por una lista de formas. <code>gridOutput</code> establece el contenido del lienzo a través de una cuadrícula  (tabla de html) que se basa en la posición espacial de cada forma. Cada forma se ubica en la celda correspondiente (fila y columna) según su posición en el lienzo. El lector de pantalla leerá las celdas de la cuadrícula  y describirá el color y la forma que se encuentra en cada posición. Esto es diferente de <a href="./textOutput">textOutput()</a> , que usa una lista para describir el contenido del lienzo.</p>
   <p>Finalmente, <code>gridOutput</code> provee una lista de formas. Esta lista describe el color, la forma, la posición y el área de cada forma . Por ejemplo: <code>red circle location = middle area = 3%</code>.</p>
   <p> El parámetro  <code>display</code> es opcional. Este parámetro determina de qué manera se va a mostrar la descripción.  Si  <code>LABEL</code> se pasa como argumento, por ejemplo: <code>gridOutput(LABEL)</code>, la descripción será visible en un elemento ‘div’ al lado del lienzo. Sin embargo, el uso de <code>LABEL</code> crea mensajes duplicados que son ineficientes para los usuarios de lectores de pantalla, por lo que recomendamos utilizar únicamente <code>LABEL</code> durante la fase de desarrollo. Por otro lado, si <code>FALLBACK</code> se pasa como argumento, por ejemplo: <code>gridOutput(FALLBACK)</code>, la descripción será visible solo para los lectores de pantalla. Este es el modo predeterminado.</p>
-  <p>Lee ‘<a href=" /learn/accessible-labels.html ">Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
+  <p>Lee ‘<a href="/tutorials/writing-accessible-canvas-descriptions/">Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
 line: 144
 isConstructor: false
 itemtype: method

src/content/reference/es/p5/textOutput.mdx

@@ -9,7 +9,7 @@ description: |-
   <p>La descripción es seguida por una lista de formas. La lista describe el color, la forma, la posición y el área de cada forma presente en el lienzo. Por ejemplo: <code>a red circle at middle covering 3% of the canvas</code>. Cada forma puede ser seleccionada para obtener más detalles.</p>
   <p>Finalmente,  <code>textOutput()</code> provee una tabla de formas. Esta tabla describe el color, la forma, la posición y el área de cada forma . Por ejemplo: <code>red circle location = middle area = 3%</code>. Esto es diferente de <a href="./gridOutput">gridOutput()</a>, que provee una tabla como cuadrícula (tabla de html).</p>
   <p> El parámetro  <code>display</code> es opcional. Este parámetro determina de qué manera se va a mostrar la descripción.  Si  <code>LABEL</code> se pasa como argumento, por ejemplo: "<code>textOutput(LABEL)</code>, la descripción será visible en un elemento ‘div’ al lado del lienzo. Sin embargo, el uso de <code>LABEL</code> crea mensajes duplicados que son ineficientes para los usuarios de lectores de pantalla, por lo que recomendamos utilizar únicamente <code>LABEL</code> durante la fase de desarrollo. Por otro lado, si <code>FALLBACK</code> se pasa como argumento, por ejemplo: <code>textOutput(FALLBACK)</code>, la descripción será visible solo para los lectores de pantalla. Este es el modo predeterminado.</p>"
-  <p>Lee ‘<a href=" /learn/accessible-labels.html "> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
+  <p>Lee ‘<a href="/tutorials/writing-accessible-canvas-descriptions/"> Escribiendo descripciones accesibles para lienzos</a>’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.</p>
 line: '10'
 isConstructor: 'false'
 itemtype: method

src/content/reference/hi/p5/describe.mdx

@@ -15,7 +15,7 @@ description: >
   यह डिफ़ॉल्ट मोड है।</p>
   
   <p>और जानने के लिए
-  <a href="/learn/accessible-labels.html">एक्सेस करने योग्य कैनवास विवरण लेखन</a>
+  <a href="/tutorials/writing-accessible-canvas-descriptions/">एक्सेस करने योग्य कैनवास विवरण लेखन</a>
   करें।</p>
 line: 18
 isConstructor: false

src/content/reference/hi/p5/describeElement.mdx

@@ -14,7 +14,7 @@ description: >
   
   <p>तीसरा पैरामीटर, <code>display</code>, वैकल्पिक है। यह निर्धारित करता है कि विवरण कैसे प्रदर्शित किया जाएगा। अगर <code>LABEL</code> को पारित किया जाता है, जैसे कि <code>describe('एक विवरण।', LABEL)</code>, तो विवरण कैनवास के बगल में एक div तत्व में दिखाई देगा। <code>LABEL</code> का उपयोग करने से स्क्रीन रीडर के लिए अप्रयोगी प्रतिलिपियाँ बनती हैं। <code>LABEL</code> का उपयोग केवल विकास के दौरान करें। यदि <code>FALLBACK</code> को पारित किया जाता है, जैसे कि <code>describe('एक विवरण।', FALLBACK)</code>, तो विवरण केवल स्क्रीन रीडर के लिए ही दिखाई देगा। यह डिफ़ॉल्ट मोड है।</p>
 
-  <p><a href="/learn/accessible-labels.html">स्केच योग्यता वाले कैनवास विवरण लिखना</a> को अधिक जानने के लिए पढ़ें।</p>
+  <p><a href="/tutorials/writing-accessible-canvas-descriptions/">स्केच योग्यता वाले कैनवास विवरण लिखना</a> को अधिक जानने के लिए पढ़ें।</p>
 line: 162
 isConstructor: false
 itemtype: method

src/content/reference/hi/p5/gridOutput.mdx

@@ -25,7 +25,7 @@ description: >
   यदि <code>FALLBACK</code> पारित किया जाता है, जैसे <code>gridOutput(FALLBACK)</code>, तो विवरण केवल स्क्रीन पाठ पठन के लिए ही दिखाई देगा। 
   यह डिफ़ॉल्ट मोड है।</p> 
   
-  <p>और अधिक जानने के लिए <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a> पढ़ें।</p>  
+  <p>और अधिक जानने के लिए <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas descriptions</a> पढ़ें।</p>  
 line: 144
 isConstructor: false
 itemtype: method

src/content/reference/hi/p5/textOutput.mdx

@@ -14,7 +14,7 @@ description: >
 
   <p><code>display</code> पैरामीटर वैकल्पिक है। यह निर्धारित करता है कि विवरण कैसे प्रदर्शित किया जाएगा। यदि <code>LABEL</code> पारित किया जाता है, जैसे <code>textOutput(LABEL)</code>, तो विवरण कैनवास के बगल में एक div तत्व में दिखाई देगा। <code>LABEL</code> का उपयोग स्क्रीन पाठ पठन के लिए अप्रयोगी नकलियों को बनाता है। विकास के दौरान केवल <code>LABEL</code> का उपयोग करें। यदि <code>FALLBACK</code> पारित किया जाता है, जैसे <code>textOutput(FALLBACK)</code>, तो विवरण केवल स्क्रीन पाठ पठन के लिए ही दिखाई देगा। यह डिफ़ॉल्ट मोड है।</p>
 
-  <p>और अधिक जानने के लिए <a href="/learn/accessible-labels.html">Writing accessible canvas descriptions</a> पढ़ें।</p>
+  <p>और अधिक जानने के लिए <a href="/tutorials/writing-accessible-canvas-descriptions/">Writing accessible canvas descriptions</a> पढ़ें।</p>
 line: 10
 isConstructor: false
 itemtype: method

src/content/reference/ko/p5/describe.mdx

@@ -11,7 +11,7 @@ description: >
   <p>두번째 매개변수인 <code>display</code>는 선택 사항이며, 어떻게 설명이 표시될지 결정합니다. 만약 <code>describe('A description.', LABEL)</code>의 <code>LABEL</code>이 전달된다면, 이 설명은 캔버스 옆 div 요소에서 보일 것입니다. 만약 <code>describe('A description.', FALLBACK)</code>의 <code>FALLBACK</code>이 전달된다면, 이 설명은 스크린 리더에 의해서만 보여집니다. 이 상태가 기본 상태입니다.
   </p>
 
-  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/learn/accessible-labels.html">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
+  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/tutorials/writing-accessible-canvas-descriptions/">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
 line: 18
 isConstructor: false
 itemtype: method

src/content/reference/ko/p5/describeElement.mdx

@@ -22,7 +22,7 @@ description: >
   </p>
 
 
-  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/learn/accessible-labels.html">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
+  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/tutorials/writing-accessible-canvas-descriptions/">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
 line: 162
 isConstructor: false
 itemtype: method

src/content/reference/ko/p5/gridOutput.mdx

@@ -15,7 +15,7 @@ description: >
   <p>매개변수 <code>display</code>는 선택 사항이며, 어떻게 설명이 표시될지 결정합니다. 만약 <code>gridOutput(LABEL)</code>의 <code>LABEL</code>이 전달된다면, 이 설명은 캔버스 옆 div 요소에서 보일 것입니다. <code>LABEL</code>을 사용하면 스크린 리더에 도움이 되지 않는, 중복되는 설명이 생깁니다. 만약 <code>gridOutput(FALLBACK)</code>의 <code>FALLBACK</code>이 전달된다면, 이 설명은 스크린 리더에 의해서만 보여집니다. 이 상태가 기본 상태입니다. </p>
 
 
-  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/learn/accessible-labels.html">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
+  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/tutorials/writing-accessible-canvas-descriptions/">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
 line: 144
 isConstructor: false
 itemtype: method

src/content/reference/ko/p5/textOutput.mdx

@@ -15,7 +15,7 @@ description: >
   <p>매개변수 <code>display</code>는 선택 사항이며, 어떻게 설명이 표시될지 결정합니다. 만약 <code>textOutput(LABEL)</code>의 <code>LABEL</code>이 전달된다면, 이 설명은 캔버스 옆 div 요소에서 보일 것입니다. <code>LABEL</code>을 사용하면 스크린 리더에 도움이 되지 않는, 중복되는 설명이 생깁니다. 만약 <code>textOutput(FALLBACK)</code>의 <code>FALLBACK</code>이 전달된다면, 이 설명은 스크린 리더에 의해서만 보여집니다. 이 상태가 기본 상태입니다. </p>
 
 
-  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/learn/accessible-labels.html">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
+  <p>스케치에 접근할 수 있도록 하는 방법에 대해 자세히 알아보려면, <a href="/tutorials/writing-accessible-canvas-descriptions/">접근 가능한 캔버스 설명 작성</a>을 읽어보세요.</p>
 line: 10
 isConstructor: false
 itemtype: method

src/content/reference/zh-Hans/p5/describe.mdx

@@ -11,7 +11,7 @@ description: |2-
 
   "<p>第二个参数，<code>display</code> 是可选项，它决定了画布描述的展示方式。如果它的值是 <code>LABEL</code>，例如：<code>describe('A description.', LABEL)</code>，描述将会展示在画布旁边的 div 元素中。如果是 <code>FALLBACK</code>，例如：<code>describe('A description.', FALLBACK)</code>，描述仅对屏幕阅读器可见，这是默认模式。</p>"
 
-  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/learn/accessible-labels.html">编写无障碍的画布描述</a>。
+  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/tutorials/writing-accessible-canvas-descriptions/">编写无障碍的画布描述</a>。
   </p>
 line: '18'
 isConstructor: 'false'

src/content/reference/zh-Hans/p5/describeElement.mdx

@@ -23,7 +23,7 @@ description: |2-
   FALLBACK）</code>，描述仅对屏幕阅读器可见，这是默认模式。</p>
 
 
-  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/learn/accessible-labels.html">编写无障碍的画布描述。</a>
+  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/tutorials/writing-accessible-canvas-descriptions/">编写无障碍的画布描述。</a>
   </p>
 line: '162'
 isConstructor: 'false'

src/content/reference/zh-Hans/p5/gridOutput.mdx

@@ -15,7 +15,7 @@ description: |-
 
   <p><code>display</code> 参数是可选项，它决定了描述的展示方式。如果它的值是 <code>LABEL</code>，例如：<code>gridOutput(LABEL)</code> 描述将会展示在画布旁边的 div 元素中。 <code>LABEL</code> 并没有实际用处，它只是屏幕阅读器中的重复项。仅在开发环境中使用 <code>LABEL</code>。如果是 <code>FALLBACK</code>，例如：<code>gridOutput(FALLBACK)</code>，描述仅对屏幕阅读器可见，这是默认模式。</p>
 
-  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/learn/accessible-labels.html">编写无障碍的画布描述</a>。</p>
+  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/tutorials/writing-accessible-canvas-descriptions/">编写无障碍的画布描述</a>。</p>
 line: '144'
 isConstructor: 'false'
 itemtype: method

src/content/reference/zh-Hans/p5/textOutput.mdx

@@ -40,7 +40,7 @@ description: |2-
   <code>textOutput(FALLBACK)</code>, 描述仅对屏幕阅读器可见，这是默认模式。</p>
 
 
-  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/learn/accessible-labels.html">编写无障碍的画布描述</a>。</p>
+  <p>了解更多关于制作无障碍绘图的信息，请参阅 <a href="/tutorials/writing-accessible-canvas-descriptions/">编写无障碍的画布描述</a>。</p>
 line: '10'
 isConstructor: 'false'
 itemtype: method