Traducción (es) de index.html a Markdown index.md accessibility/aria [es] (#4251)

* Traducción (es) de index.html a Markdown index.md

Traducción al español de  https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA en formato Markdown.

* Update files/es/web/accessibility/aria/index.md

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Cambiado enlaces a versión español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Cambiados los enlaces de inglés a español gracias a la sugerencia de Vallejoanderson

Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

* Update files/es/web/accessibility/aria/index.md

Corrección de texto aplicada, gracias @JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Actualización de enlaces, gracias @JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Corregido un enlace, gracias @JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Corregida una mayúscula inicial, gracias JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

JuanVqz, el espacio cuando cierra el paréntesis sobre el final del párrafo aún sigue estando. Donde dice (actualizado en julio de 2011 )

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Corrección de enlaces, gracias JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Comentarios traducidos, gracias JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update files/es/web/accessibility/aria/index.md

Enlaces corregidos, gracias JuanVqz

Co-authored-by: Juan Vásquez <juan@logicalbricks.com>

* Update index.md

Traducidos los comentarios y eliminado un espacio en blanco de más antes del cierre de un paréntesis.

Co-authored-by: Alexander <alexander_belial999@hotmail.com>
Co-authored-by: Juan Vásquez <juan@logicalbricks.com>
Co-authored-by: Anderson Vallejo <48649209+Vallejoanderson@users.noreply.github.com>

2 files changed, 121 insertions, 142 deletions

diff --git a/files/es/web/accessibility/aria/index.html b/files/es/web/accessibility/aria/index.html
deleted file mode 100644
index c0990df887..0000000000
--- a/files/es/web/accessibility/aria/index.html
+++ /dev/null
@@ -1,142 +0,0 @@
----
-title: ARIA
-slug: Web/Accessibility/ARIA
-tags:
-  - ARIA
-  - Accessibility
-  - NeedsTranslation
-  - TopicStub
-translation_of: Web/Accessibility/ARIA
----
-<p>Accessible Rich Internet Applications <strong>(ARIA)</strong> define cómo realizar contenido Web y aplicaciones Web (especialmente las desarrolladas con Ajax y JavaScript) más accesibles a personas con discapacidades. Por ejemplo, ARIA posibilita puntos de navegación accesibles, widgets JavaScript, sugerencias en formularios y mensajes de error, actualizaciones en directo, y más.</p>
-
-<p>ARIA es un conjunto de atributos especiales para accesibilidad que pueden añadirse a cualquier etiqueta, pero especialmente adaptado a  HTML. El atributo <code>role</code> define el tipo general del objeto (como un artículo, una alerta o un deslizador). Atributos adicionales de ARIA proporcionan otras propiedades útiles, como una descripción para un formulario o el valor actual de una barra de progreso.</p>
-
-<p>ARIA está implementado en la mayoría de los navegadores y lectores de pantalla más populares. De todas formas, las implementaciones varían y las tecnologías antiguas no lo soportan bien (si es que lo soportan). Use "safe" en ARIA, que reduce elegantemente la funcionalidad en caso necesario o pida a los usuarios actualizarse a una tecnología más actual.</p>
-
-<div class="note">
-<p><strong>Nota</strong>: Por favor, ¡contribuya y mejore ARIA para el siguiente que llegue! ¿No tiene tiempo suficiente? Envíe sus sugerencias a la <a href="https://lists.mozilla.org/listinfo/accessibility">lista de distribución de accesibilidad</a> de Mozilla o al <a href="https://wiki.mozilla.org/IRC">canal IRC </a>#accessibility.</p>
-</div>
-
-<table class="topicpage-table">
- <tbody>
-  <tr>
-   <td>
-    <h3 id="Documentation" name="Documentation">Primeros pasos con ARIA</h3>
-
-    <dl>
-     <dt><a href="https://developer.mozilla.org/en-US/docs/Accessibility/An_overview_of_accessible_web_applications_and_widgets">Introducción a ARIA </a></dt>
-     <dd>Una Rápida introducción a la creación de contenido dinámico accesible con ARIA. También revisa el clásico <a class="external" href="http://dev.opera.com/articles/view/introduction-to-wai-aria/">ARIA intro by Gez Lemon</a>, de 2008.</dd>
-     <dt><a href="/en-US/docs/Accessibility/ARIA/Web_applications_and_ARIA_FAQ" title="https://developer.mozilla.org/en-US/docs/Accessibility/Web_applications_and_ARIA_FAQ">Preguntas frecuentes sobre Aplicaciones Web y ARIA</a></dt>
-     <dd>Responde preguntas comunes acerca de WAI-ARIA y por qué es necesario para hacer aplicaciones web accesibles.</dd>
-     <dt><a class="external" href="http://zomigi.com/blog/videos-of-screen-readers-using-aria-updated/">Videos de Lectores de Pantalla usando ARIA</a></dt>
-     <dd>Mira ejemplos reales y simplificados de toda la web, incluyendo videos "antes" y "despues" de ARIA.</dd>
-     <dt><a class="external" href="http://w3c.github.io/aria-in-html/">Usando ARIA en HTML</a></dt>
-     <dd>Una guía practica para desarrolladores. Sugiere que atributos ARIA usar en elementos HTML. Las sugerencias están basadas en implementaciones reales.</dd>
-    </dl>
-
-    <h3 id="Mejoras_sencillas_de_ARIA">Mejoras sencillas de ARIA</h3>
-
-    <dl>
-     <dt><a class="external" href="http://www.paciellogroup.com/blog/2010/10/using-wai-aria-landmark-roles/" rel="external">Mejorando la navegación de página con ARIA Landmarks</a></dt>
-     <dd>Una buena escusa para introducirte al uso del marcado ARIA es la mejora de la navegación web para los usuarios de lectores de patalla. Ver también<a class="external" href="http://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-aria-landmark-support/" rel="external">, ARIA landmark notas de implementación</a> y ejemplos en sitios reales (actualizado en Julio 11).</dd>
-     <dt><a href="/en-US/docs/ARIA/forms" rel="internal" title="/en-US/docs/ARIA/forms">Mejorando accesibilidad de formularios</a></dt>
-     <dd>ARIA no es sólo para contenido dinámico! Aprende como mejorar la accesibilidad de formularios HTML usando atributos adicionales de ARIA. </dd>
-     <dt><a href="/en-US/docs/Accessibility/ARIA/ARIA_Live_Regions" title="Live Regions">Live regions (work-in-progress)</a></dt>
-     <dd>Live regions provide suggestions to screen readers about how to handle changes to the contents of a page.</dd>
-     <dt><a class="external" href="http://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegions.htm" rel="external">Using ARIA Live Regions to Announce Content Changes</a></dt>
-     <dd>A quick summary of live regions, by the makers of JAWS screen reader software. Note that live regions are also supported by NVDA in Firefox, and VoiceOver with Safari (as of OS X Lion and iOS 5).</dd>
-    </dl>
-
-    <h3 id="ARIA_for_Scripted_Widgets">ARIA for Scripted Widgets</h3>
-
-    <dl>
-     <dt><a class="external" href="/en-US/docs/Accessibility/Keyboard-navigable_JavaScript_widgets" title="en-US/docs/Accessibility/Keyboard-navigable_JavaScript_widgets">Keyboard Navigation and Focus for JavaScript Widgets</a></dt>
-     <dd>The first step in developing an accessible JavaScript widget is to make it keyboard navigable. This article steps through the process. The <a class="external" href="http://www.yuiblog.com/blog/2009/02/23/managing-focus/">Yahoo! focus management article</a> is a great resource as well.</dd>
-     <dt><a class="external" href="http://access.aol.com/dhtml-style-guide-working-group/">Style Guide for Keyboard Navigation</a></dt>
-     <dd>A challenge with ARIA is getting developers to implement consistent behavior -- clearly best for users. This style guide describes the keyboard interface for common widgets.</dd>
-    </dl>
-
-    <h3 id="ARIA_Resources">ARIA Resources</h3>
-
-    <dl>
-     <dt><a href="/en-US/docs/Accessibility/ARIA/widgets/overview" title="en-US/docs/aria/widgets/overview">Widget Techniques, Tutorials, and Examples</a></dt>
-     <dd>Need a slider, a menu, or another kind of widget? Find resources here.</dd>
-     <dt><a class="external" href="http://www.paciellogroup.com/blog/2009/07/wai-aria-implementation-in-javascript-ui-libraries/">Librerías de UI JavaScript con soporte</a> <a class="external" href="http://www.paciellogroup.com/blog/2009/07/wai-aria-implementation-in-javascript-ui-libraries/">ARIA</a></dt>
-     <dd>Si necesita comenzar un nuevo proyecto, elija una librería de controles UI que incluya soporte ARIA. Advertencia: esto es del 2009 -- el contenido debe moverse a una página MDN donde pueda actualizarse.</dd>
-     <dt><a class="external" href="http://dl.dropbox.com/u/573324/CSUN2012/index.html">Accessibility of HTML5 and Rich Internet Applications - CSUN 2012 Workshop Materials</a></dt>
-     <dd>Incluye diapositivas y ejemplos.</dd>
-    </dl>
-   </td>
-   <td>
-    <h3 id="Community" name="Community">Lista de correo</h3>
-
-    <dl>
-     <dt><a class="link-https" href="https://groups.google.com/forum/#!forum/free-aria">Free ARIA Google Group</a></dt>
-     <dd>A place to ask questions about ARIA, as well as make suggestions for improving the ARIA documentation found on these pages.</dd>
-    </dl>
-
-    <h3 id="Community" name="Community">Blogs</h3>
-
-    <p>ARIA information on blogs tends to get out of date quickly. Still, there is some great info out there from other developers making ARIA work today.</p>
-
-    <p><a class="external" href="http://www.paciellogroup.com/blog/category/wai-aria/">Paciello Group</a></p>
-
-    <p><a class="external" href="http://www.accessibleculture.org/tag/wai-aria/">Accessible Culture</a></p>
-
-    <h3 id="Filing_Bugs">Filing Bugs</h3>
-
-    <p><a href="/en/Accessibility/ARIA/How_to_file_ARIA-related_bugs" title="https://developer.mozilla.org/en/ARIA/How_to_file_ARIA-related_bugs">File ARIA bugs on browsers, screen readers, and JavaScript libraries</a>.</p>
-
-    <h3 id="Ejemplos">Ejemplos</h3>
-
-    <dl>
-     <dt><a class="external" href="/en-US/docs/Accessibility/ARIA/ARIA_Test_Cases" title="en-US/docs/ARIA/examples">ARIA Examples Library</a></dt>
-     <dd>A set of barebones example files which are easy to learn from.</dd>
-     <dt><span class="external">Accessible JS Widget Library Demos</span></dt>
-     <dd><a class="external" href="http://dojotoolkit.org/widgets" title="http://dojotoolkit.org/widgets">Dojo</a>, <a class="external" href="http://hanshillen.github.com/jqtest/" title="http://hanshillen.github.com/jqtest/">jQuery</a>, <a class="external" href="http://wiki.fluidproject.org/display/fluid/Components" title="http://wiki.fluidproject.org/display/fluid/Components">Fluid</a>, <a class="external" href="http://yuilibrary.com/gallery/">YUI</a></dd>
-    </dl>
-
-    <dl>
-     <dt><a class="external" href="http://mail.yahoo.com">Yahoo! Mail</a></dt>
-     <dd>Yahoo! puts it all together with Yahoo! Mail, a web app that almost looks like a native app. It works very well. As a <a class="external" href="http://www.marcozehe.de/2011/09/21/review-the-all-new-yahoo-mail-web-application/">review of Yahoo! Mail</a> by screen reader Marco Zehe says, "Keep up the good work!".</dd>
-    </dl>
-
-    <dl>
-     <dt><a class="external" href="http://search.yahoo.com">Yahoo! Search</a></dt>
-     <dd>Yahoo! has done an amazing job of advancing ARIA here, by exercising ARIA's full capabilities and <a class="external" href="http://ycorpblog.com/2011/03/23/searchdirect/">sharing their techniques</a>. Yahoo! Search uses a combination of ARIA landmarks, live regions, and widgets.</dd>
-    </dl>
-
-    <h3 id="Standardization_Efforts">Standardization Efforts</h3>
-
-    <dl>
-     <dt><a class="external" href="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA Activities Overview at W3C</a></dt>
-     <dd>Authoritative Overview of WAI-ARIA Standardization efforts by the Web Accessibility Initiative (WAI)</dd>
-     <dt><a class="external" href="http://www.w3.org/TR/wai-aria/">WAI-ARIA Specification</a></dt>
-     <dd>The W3C specification itself, useful as a reference. Note that, at this stage, it is important to test compatibility, as implementations are still inconsistent.</dd>
-     <dt><a class="external" href="http://www.w3.org/WAI/PF/aria-practices/">WAI-ARIA Authoring Practices</a></dt>
-     <dd>Like the W3C WAI-ARIA specification, the official best practices represents a future ideal -- a day when authors can rely on consistent ARIA support across browsers and screen readers. The W3C documents provide an in-depth view of ARIA.<br>
-     <br>
-     For now, web developers implementing ARIA should maximize compatibility. Use best practices docs and examples based on current implementations.</dd>
-     <dt><a class="external" href="http://www.openajax.org/member/wiki/Accessibility">Open AJAX Accessibility Task Force</a></dt>
-     <dd>The Open AJAX effort centers around developing tools, sample files, and automated tests for ARIA.</dd>
-     <dt><a href="/en-US/docs/Accessibility/ARIA/ARIA_Techniques" title="ARIA Techniques">Under Construction: WCAG 2.0 ARIA Techniques</a></dt>
-     <dd>The community needs a complete set of WCAG techniques for WAI-ARIA + HTML, so that organizations can be comfortable claiming their ARIA-enabled content is WCAG compliant. This is mostly important when regulations or policies are based on WCAG.</dd>
-    </dl>
-   </td>
-  </tr>
- </tbody>
- <tbody>
-  <tr>
-   <td colspan="2">
-    <h3 id="Related_Topics" name="Related_Topics">Related Topics</h3>
-
-    <dl>
-     <dd><a href="/en-US/docs/Accessibility" title="en-US/docs/Accessibility">Accessibility</a>, <a href="/en-US/docs/AJAX" title="en-US/docs/AJAX">AJAX</a>, <a href="/en-US/docs/JavaScript" title="en-US/docs/JavaScript">JavaScript</a></dd>
-    </dl>
-   </td>
-  </tr>
- </tbody>
-</table>
-
-<p> </p>
diff --git a/files/es/web/accessibility/aria/index.md b/files/es/web/accessibility/aria/index.md
new file mode 100644
index 0000000000..d79c38883e
--- /dev/null
+++ b/files/es/web/accessibility/aria/index.md
@@ -0,0 +1,121 @@
+---
+title: ARIA
+slug: Web/Accessibility/ARIA
+translation_of: Web/Accessibility/ARIA
+---
+
+Accessible Rich Internet Applications **(<abbr>ARIA</abbr>)** es una colección de atributos que definen como realizar contenido y aplicaciónes web (especialmente las desarrolladas con Javascript) más accesibles para las personas con discapacidades.
+
+Complementa HTML para que las interacciones y los widgets que se usan comúnmente en las aplicaciones puedan ser correctamente interpretadas por las tecnologías de asistencia cuando no existe otro mecanismo. Por ejemplo, ARIA habilita accesibilidad a widgets de JavaScript, sugerencias de formularios, mensajes de error, actualizaciones de contenido en vivo y más.
+
+> **Advertencia:** Muchos de estos widgets se incorporaron posteriormente a HTML5, y **los desarrolladores deberían preferir usar el elemento HTML semántico correcto en lugar de usar ARIA**, si tal elemento existe. Por ejemplo, los elementos nativos tienen incorporado [accesibilidad de teclado](/es/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets), roles y estados. Sin embargo, si elige usar ARIA, es responsable de imitar el comportamiento equivalente del navegador en la secuencia de comandos.
+
+[La primera regla de ARIA](https://www.w3.org/TR/using-aria/#rule1) es <q>"Si puede usar un elemento o atributo HTML nativo con la semántica y el comportamiento que necesita ya integrado, en lugar de reutilizar un elemento y agregar un rol, estado o propiedad de ARIA para hacerlo accesible, hágalo".</q>
+
+> **Nota:** Hay un dicho "No utilizar ARIA es mejor que utilizar una mala ARIA". En [la encuesta de WebAim de más de un millón de páginas de inicio](https://webaim.org/projects/million#aria), encontraron que las páginas de inicio con ARIA presentes promediaron un 41 % más de errores detectados que aquellas sin ARIA. Si bien ARIA está diseñado para hacer que las páginas web sean más accesibles, si se usa incorrectamente, puede hacer más daño que bien.
+
+Aquí está el marcado para una barra de progreso:
+
+```html
+<div
+  id="percent-loaded"
+  role="progressbar"
+  aria-valuenow="75"
+  aria-valuemin="0"
+  aria-valuemax="100"
+></div>
+```
+
+Esta barra de progreso se construye usando un {{HTMLElement("div")}}, que no tiene significado. Incluimos roles y propiedades de ARIA para agregar significado. En este ejemplo, el atributo [`role="progressbar"`](/es/docs/Web/Accessibility/ARIA/Roles/progressbar_role) informa al navegador que este elemento es en realidad un widget de barra de progreso impulsado por JavaScript. [`aria-valuemin`](/es/docs/Web/Accessibility/ARIA/Attributes/aria-valuemin) y [`aria-valuemax`](/es/docs/Web/Accessibility/ARIA/Attributes/aria-valuemax) especifican los valores mínimo y máximo para la barra de progreso, y [`aria-valuenow`](/es/docs/Web/Accessibility/ARIA/Attributes/aria-valuenow) describe el actual estado del mismo y por lo tanto debe mantenerse actualizado con JavaScript.
+
+Además de colocarlos directamente en el marcado, los atributos ARIA se pueden agregar al elemento y actualizar dinámicamente usando un código JavaScript como este:
+
+```js
+// Obteniendo la barra de progreso <div> en el DOM
+var progressBar = document.getElementById("percent-loaded");
+
+// Configurando estados y roles ARIA
+// so that assistive technologies know what kind of widget it is.
+progressBar.setAttribute("role", "progressbar");
+progressBar.setAttribute("aria-valuemin", 0);
+progressBar.setAttribute("aria-valuemax", 100);
+
+// Función que se puede llamar en cualquier momento para actualizar
+// el valor de la barra de progreso
+function updateProgress(percentComplete) {
+  progressBar.setAttribute("aria-valuenow", percentComplete);
+}
+```
+
+Todo el contenido que está disponible para usuarios de tecnología no asistencial debe estar disponible para tecnologías asistenciales. Del mismo modo, no se deben incluir funciones dirigidas a usuarios de tecnología de asistencia que no sean accesibles para aquellos que no usan tecnologías de asistencia. La barra de progreso anterior debe diseñarse para que parezca una barra de progreso.
+
+Habría sido mucho más simple usar el elemento nativo {{HTMLElement('progress')}} en su lugar:
+
+```HTML
+<progress id="percent-loaded" value="75" max="100">75 %</progress>
+```
+
+> **Nota:** El atributo `min` no está permitido para el elemento {{HTMLElement('progress')}}; su valor mínimo es siempre `0`.
+
+> **Nota:** Los elementos de referencia HTML ({{HTMLElement("main")}}, {{HTMLElement("header")}}, {{HTMLElement("nav")}} etc.) tienen roles ARIA implícitos, por lo que no es necesario duplicarlos.
+
+## Soporte
+
+Como cualquier otra tecnología web, existen diversos grados de soporte para ARIA. El soporte se basa en el sistema operativo y el navegador que se utiliza, así como en el tipo de tecnología de asistencia que interactúa con él. Además, la versión del sistema operativo, el navegador y la tecnología de asistencia son factores que contribuyen. Es posible que las versiones de software anteriores no admitan ciertas funciones de ARIA, solo tengan compatibilidad parcial o informen incorrectamente su funcionalidad.
+
+También es importante reconocer que algunas personas que confían en la tecnología de asistencia son reacias a actualizar su software por temor a perder la capacidad de interactuar con su computadora y navegador. Debido a esto, es importante [usar elementos HTML semánticos](/es/docs/Learn/Accessibility/HTML) siempre que sea posible, ya que el HTML semántico es mucho más compatible con la tecnología de asistencia.
+
+También es importante probar su ARIA creado con tecnología de asistencia real. Así como los emuladores y simuladores de navegador no son una solución efectiva para probar el soporte completo, las soluciones de tecnología de asistencia de emuladas no son suficientes para garantizar completamente la funcionalidad.
+
+## Tutoriales
+
+- [Introducción a ARIA](/es/docs/Web/Accessibility/An_overview_of_accessible_web_applications_and_widgets)
+  - : Una introducción rápida a cómo hacer que el contenido dinámico sea accesible con ARIA. Véase también el clásico [introducción a ARIA de Gez Lemon](https://dev.opera.com/articles/view/introduction-to-wai-aria/), de 2008.
+- [Videos de lectores de pantalla usando ARIA](https://zomigi.com/blog/videos-of-screen-readers-using-aria-updated/)
+  - : Vea ejemplos reales y simplificados de toda la web, incluidos videos de ARIA "antes" y "después".
+- [Usando ARIA](https://w3c.github.io/using-aria/)
+  - : Una guía práctica para desarrolladores. Sugiere qué atributos ARIA usar en elementos HTML. Las sugerencias se basan en las realidades de la implementación.
+
+## Mejoras simples de ARIA
+
+- [Mejora de la navegación de páginas con referencias de ARIA](https://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013/)
+  - : Una buena introducción al uso de los puntos de referencia de ARIA para mejorar la navegación de la página web para los usuarios de lectores de pantalla. [Consulte también las notas de implementación históricas de ARIA](https://www.paciellogroup.com/blog/2011/07/html5-accessibility-chops-aria-landmark-support/) y ejemplos en sitios reales (actualizado en julio de 2011).
+- [Mejorando la accesibilidad de los formularios](/es/docs/Web/Accessibility/ARIA/forms)
+  - : ¡ARIA no es solo para contenido dinámico! Aprenda a mejorar la accesibilidad de los formularios HTML utilizando atributos ARIA adicionales.
+
+## ARIA para widgets con scripts
+
+- [Escribir widgets JavaScript navegables por teclado](/es/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets)
+  -: Elementos integrados como {{HTMLElement("input")}}, {{HTMLElement("button")}} etc. tienen accesibilidad de teclado integrado. Si 'falsifica' estos con {{HTMLElement("div")}}s y ARIA, debe asegurarse de que sus widgets sean accesibles desde el teclado.
+- [Regiones en vivo](/es/docs/Web/Accessibility/ARIA/ARIA_Live_Regions)
+  - : Las regiones activas brindan sugerencias a los lectores de pantalla sobre cómo manejar los cambios en el contenido de una página.
+- [Uso de regiones en vivo de ARIA para anunciar cambios de contenido](https://www.freedomscientific.com/Training/Surfs-up/AriaLiveRegions.htm)
+  - : Un breve resumen de las regiones en vivo, por los creadores del software de lectura de pantalla JAWS. Las regiones en vivo también son compatibles con NVDA con Firefox y VoiceOver con Safari.
+
+## Referencias
+
+- [Funciones ARIA](/es/docs/Web/Accessibility/ARIA/Roles)
+  - : Páginas de referencia que cubren todos los roles de WAI-ARIA discutidos en MDN.
+- [Estados y propiedades de ARIA](/es/docs/Web/Accessibility/ARIA/Attributes)
+  - : Páginas de referencia que cubren todos los estados y propiedades de WAI-ARIA discutidos en MDN.rted por NVDA con Firefox y VoiceOver con Safari.
+
+## Esfuerzos de estandarización
+
+- [Especificación WAI-ARIA](https://www.w3.org/TR/wai-aria-1.1/)
+  - : La propia especificación W3C.
+- [Prácticas de creación de WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.1/)
+  - : Las mejores prácticas oficiales documentan la mejor manera de ARIA-ficar widgets e interacciones comunes. Un excelente recurso.
+
+## Videos
+
+Las siguientes charlas son una excelente manera de entender ARIA:
+
+[¡ARIA, las API de accesibilidad y la codificación como si te importara un comino! – Leonie Watson](https://www.youtube.com/watch?v=qdB8SRhqvFc)
+
+## Archivando errores
+
+[Archivar errores de ARIA en navegadores, lectores de pantalla y bibliotecas JavaScript.](/es/docs/Web/Accessibility/ARIA/How_to_file_ARIA-related_bugs)
+
+## Temas relacionados
+
+[Accesibilidad](/es/docs/Web/Accessibility), [AJAX](/es/docs/Web/Guide/AJAX), [JavaScript](/es/docs/Web/JavaScript)